@charset "utf-8";
@font-face {
  font-family: "syrh";
  src: url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
       url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSansCN-Regular.svg") format("svg");
}

html,body{height:100%;}

body{padding:92px 0 0 0; margin:0px auto; font-size:16px; line-height:28px; color:#666666; width:100%; min-width:1280px; zoom:1;font-family:syrh,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体"; background:#fff;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#545454;font-family:syrh,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体";}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all ease 0.3s;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:##2196f3;}
/**:hover{transition: all ease 0.3s;}*/

/*input字体*/
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #999999;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #999999;}

select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #d9d9d9; text-indent:1em;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none; color:#999999;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url(../images/ico/selectarr.png) no-repeat scroll 95% center transparent;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
display: none;
}

/*网页滚动条*/
::-webkit-scrollbar{
            width: 3px;-webkit-overflow-scrolling : touch;
            background-color: #999999;}
::-webkit-scrollbar-track{
            background-color: #999999;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #143a83;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #999999;}

/*公用样式*/
.fl{ float:left;}.fr{ float:right;}.tl{ text-align:left !important;}.tr{ text-align:right;}.tc{ text-align:center !important;}
.hide{ display:none;}
.block{ display:block;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.w1078{ z-index:1; position:relative; clear:both; max-width:1078px; margin:0px auto;}
.w1220{ z-index:1; position:relative; clear:both; max-width:1220px; margin:0px auto;}
.w1330{ z-index:1; position:relative; clear:both; max-width:1330px; margin:0px auto;}
.w1410{ z-index:1; position:relative; clear:both; max-width:1410px; margin:0px auto;}
.w1568{ z-index:1; position:relative; clear:both; max-width:1568px; margin:0px auto;}
.w1680{ z-index:1; position:relative; clear:both; max-width:1680px; margin:0px auto;}

/*font*/
.f_blue{ color:#2196f3;}
.f_blue2{ color:#00a0e9;}
.iconfont{ font-size:24px; vertical-align:middle;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p{overflow: hidden;word-break:normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}
@media ( max-width:1680px){
.w1680{max-width:88%;}
}
@media ( max-width:1600px){
.w1568{max-width:88%;}
}
@media ( max-width:1440px){
.w1410{max-width:88%;}
.w1330{max-width:88%;}
}
@media ( max-width:1366px){
.w1330{max-width:84%;}
}
@media ( max-width:1220px){
.w1220{max-width:88%;}
}
@media ( max-width:1078px){
.w1078{max-width:none; margin:0 15px;}
}
@media ( max-width:1024px){
body{ padding-top:45px; font-size:14px; line-height:24px;min-width:300px;}	
.w1410,.w1220,.w1330,.w1680{max-width:none; margin:0 15px;}
}

/*effict*/
.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}


/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#818181; clear:both; line-height:28px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages a{ display:inline-block; margin:0px 3px;text-align:center; color:#666666; width:28px; background:#fff; border:1px solid #bfbfbf; border-radius:2px;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; color:#676767; font-weight:bold; vertical-align:middle; font-family:Verdana, Geneva, sans-serif;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{ color:#2196f3;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{color:#2196f3;}


@media ( max-width:1024px){
.Pages{line-height:25px !important;}
.Pages a{ width:25px;}
}
/*pages end*/


/*Top*/
.Header{ z-index:999; position:fixed; left:0; top:0; background:rgba(255,255,255,0.9); width:100%; height:92px;transition: all ease 0.3s;}
.Header .Logo{float:left; height:92px;display: flex; align-items: center;transition: all ease 0.3s;}
.Header .Logo .gp{ font-size:16px; font-weight:normal; margin-left:15px; color:#333333;}

.Toper{ z-index:10; float:right; margin-top:21px;transition: all ease 0.3s;display: flex; border-left:1px solid #d9d9d9; align-items: center;justify-content: center; height:50px; line-height:50px;}
.Toper .Ver{ font-size:18px;}.Toper .Ver a{ color:#9a9a9a;}.Toper .Ver a:hover{ color:#134395;}

.Toper .Search{float:right; width:180px; border-bottom:1px solid #d9d9d9;}
.Toper .Searchico{ cursor:pointer; text-align:center; color:#999999; display:inline-block; vertical-align:top; margin:0 25px;}
.Toper .Searchico .iconfont{ vertical-align:top; font-size:18px; font-weight:bold;}
.Toper .Searchico .icongb{ display:none;}
.Toper .Searchico.on .icongb{ display:block;color:#134395;}
.Toper .Searchico.on .iconso{ display:none;}
.Toper .searchbox{width:300px; background:#fff; right:15px; box-shadow:0 0 10px #999; display:none; position:absolute; top:94px;}
.Toper .searchbox .input{width:100%; height:38px; line-height:38px; text-indent:1em;}
.Toper .searchbox .input::-webkit-input-placeholder {color: #959595;}
.Toper .searchbox .btn { position:absolute; right:5px; top:9px; width:29px; background:none;}

.MainNav{ float:right;transition: all ease 0.3s; width:60%; padding-right:2%; text-align:right;}
.MainNav li{ display:inline-block;*display:inline;zoom:1; font-size:0; position:relative; min-width:10.1111%;}
.MainNav li span a{ z-index:1; position:relative;display:block; text-align:center; color:#262626; font-size:16px; height:92px; line-height:92px; transition: all ease 0.3s;}
.MainNav .em{ display:inline-block; position:relative; line-height:34px;}
.MainNav .bg{ position:absolute; left:50%; bottom:0px; height:1px; font-size:0; background:#143a83;width:0%; z-index:0;transition: all ease 0.3s;}
.MainNav .arr{ display:none;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#134395;}
.MainNav li:hover span .bg,.MainNav li.onnav span .bg,.MainNav li span a.sele .bg{ width:100%; left:0;}
.MainNav .iconfont{ font-size:14px;}

.NavPull{display:none; position:absolute; text-align:center; top:92px; left:-40%;width:180%; padding-top:1px;}
.NavPull.null{background:none; padding:0;}
.NavPull dd { margin-bottom:1px;}
.NavPull a{ display:block; color:#fff; padding:8px; font-size:16px; background:#143a83;}
.NavPull a:hover{ background:#2296f3;}

.openbtn{ cursor:pointer; display:none;width:32px; height:25px; padding-top:1px; background:#fff; position:absolute; right:12px; top:9px; z-index:999;}
.closebtn{ position:fixed; left:0px; top:46px; width:100%; height:100%; z-index:0; display:none; background:rgba(255,255,255,0.9);}
.openbtn span{ display:block; height:3px; background:#005183; margin:4px;transition: all ease 0.3s;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 7px) rotate(45deg) !important;
	-moz-transform: translate(0, 7px) rotate(45deg) !important;
	-ms-transform: translate(0, 7px) rotate(45deg) !important;
	-o-transform: translate(0, 7px) rotate(45deg) !important;
	transform: translate(0, 7px) rotate(45deg) !important;}
.openbtn.on .sp2 {
	-webkit-transform: translate(0, 0) rotate(-45deg) !important;
	-moz-transform: translate(0, 0) rotate(-45deg) !important;
	-ms-transform: translate(0, 0) rotate(-45deg) !important;
	-o-transform: translate(0, 0) rotate(-45deg) !important;
	transform: translate(0, 0) rotate(-45deg) !important;}	
.openbtn.on .sp3 { display:none;}

.Header.Fixedtop{ height:62px; box-shadow:0 0 10px #ddd;}
.Header.Fixedtop .Logo{ height:62px;}
.Header.Fixedtop .Toper{ height:35px; line-height:35px; margin-top:14px;}
.Header.Fixedtop .MainNav li span a{height:62px; line-height:62px;}
.Header.Fixedtop .NavPull,.Header.Fixedtop .searchbox{ top:62px;}

@media ( max-width:1560px){
.NavPull{left:-65%;width:230%;}
}
@media ( max-width:1324px){
.Header .Logo img{ height:28px;}
.Header .Logo .gp{ font-size:16px; font-weight:normal; margin-left:15px; color:#333333;}
}
@media ( max-width:1280px){
.Header{ width:1280px;}
}

@media ( max-width:1024px){
.Header{height:45px !important; top:0 !important; width:100%;}
.Header .Logo{ width:auto; height:45px !important;}
.Header .Logo img{ height:20px; vertical-align:middle; margin-top:-8px;}
.Header .Logo .gp { font-size:12px; margin-left:5px;}
.Header .openbtn{ display:block;}
.Header.Fixedtop .Toper{margin-top:0;}
.Toper{ margin-top:0; height:45px; line-height:45px; margin-right:43px; border:0;}
.Toper .Searchico{ line-height:24px; margin:0 12px;}
.Toper .searchbox{ width:94%; left:3%; top:47px !important;}

.MainNav{ position:fixed; height:auto; max-height:100%; overflow-y:auto; z-index:999; width:100%; padding:0; left:0;background: #666;top:46px; display:none;}
.MainNav ul{ margin-top:0px;}
.MainNav li{ display:block; position:relative; cursor:pointer; float:none; border-bottom:1px solid #5d5c5c;border-top:1px solid #6d6d6d; width:auto; margin:0 10px; background:none;}
.MainNav li span a{ font-size:16px; text-align:left; height:auto; display:block; line-height:40px !important; height:40px !important; padding-left:5px; color:#fff !important; border:0;}
.MainNav .bg{ display:none}
.MainNav li:hover span .line,.MainNav li.onnav span .line,.MainNav li span a.sele .line{ width:100%; margin:0; left:0px; bottom:-1px;}
.MainNav .arr{ display:inline-block; position:absolute; z-index:2; width:100%; height:46px; left:0px; top:0px;}
.MainNav .arr i{ position:absolute; height:auto; background:none; right:20px; top:5px;transition: all ease 0.3s; color:#fff;}
.MainNav li.onnav .arr i{px;dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}
.NavPull dl{ padding:0 !important;}
.NavPull { position:static;text-align:left; width:100% !important; border-radius:0;}
.NavPull dd a{ display:block;padding:5px 0px 5px 20px; color:#fff; background:#999;}
.NavPull dd a:hover{ color:#fff; background:transparent;}

.Header.Fixedtop .Logo,.Header.Fixedtop .Toper{ height:45px;}
}
/*Top*/


/*Bottom*/
.Footer{ background:#001d4f;padding-top:33px; color:#fff;}
.Footer .Link{ z-index:100; float:right; width:246px; line-height:44px; background:#1587cf; position:relative; margin-bottom:31px;}
.Footer .Link dt{ cursor:pointer; padding:0 15px; font-size:14px; position:relative;}
.Footer .Link dt .iconfont{ position:absolute; right:12px; top:0; font-size:15px;}
.Footer .Link dd{ display:none; position:absolute; bottom:44px; width:100%; z-index:100; background:#1587cf;}
.Footer .Link dd p{ padding:0 12px; font-size:14px; line-height:24px;}
.Footer .Link dd p a{ color:#fff;}.Footer .Link dd p a:hover{ color:#ffcc00;}
.fp-auto-height{}

.Botwx{float:right;margin-right:30px;}
.Botwx img{width:80px;padding:5px;background:#fff;border-radius:5px;}
.Botwx p{font-size:14px;text-align:center;margin-top:5px;}

.Footer .contact{}
.Footer .contact dl dd{ float:left; margin-right:3%;}
.Footer .contact dl dd:nth-child(3){ margin-right:3%;}
.Footer .contact .iconfont{ font-size:28px; color:#1587cf; margin-right:10px;}

.Footer .share a{ z-index:100; position:relative; color:#99a5b9; margin-left:28px;}
.Footer .share a .iconfont{ font-size:28px;}
.Footer .share a:hover{ color:#1587cf;}
.Footer .ewm{ font-size:14px; text-align:center; position:absolute; border:1px solid #d2d2d2; border-radius:5px; background:#fff; width:110px; padding:6px 6px 3px; left:-52px; bottom:30px; display:none; line-height:22px; color:#666;}
.Footer .ewm i{ position:absolute; background:url(../images/arr2.png); width:20px; height:10px; left:50%; bottom:-10px; margin-left:-10px;}
.Footer .ewm img{ max-width:none; width:110px; height:110px; display:block; margin-bottom:5px;}
.Copyright{ border-top:1px solid #314870; padding:15px 0; color:#8d93a4; font-size:14px;}
.Copyright a{ color:#8d93a4;}.Copyright a:hover{ color:#fff;}

.totop{text-align: center; cursor: pointer;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;}

.FastRight{ width:72px; position:fixed; z-index:999; right:10px; bottom:20%;}
.FastRight li{ position:relative; cursor:pointer; margin-bottom:1px; line-height:15px;}
.FastRight .ico{ height:72px;display:flex;justify-content:center; color:#fff;align-items:center;flex-direction: column; font-size:11px; background:rgba(0,0,0,0.5);}
.FastRight .ico .iconfont{ color:##407bbe; display:block; margin-bottom:5px;}
.FastRight li:hover .ico{ background:#407bbe;}
.FastRight li:hover .ico .iconfont{ color:#fff;}
.FastRight .info{ display:none; position:absolute; top:0; right:72px; padding:10px; background:#407bbe;}
.FastRight .info img{ border:5px solid #fff; max-width:none; width:110px; height:110px;}
.FastRight .info.tel{ line-height:26px; color:#fff; width:150px;}
.FastRight .info.qq{ line-height:26px; color:#fff; width:130px; padding:10px;}
.FastRight .info.qq a{color:#fff;}
.FastRight .info.tel b{ display:block;}

@media ( max-width:1280px){
.Footer .contact dl dd{ font-size:14px;}
}
@media ( max-width:1024px){
.Footer{padding-top:18px;}
.Footer .Logo{ display:none;}
.Footer .Link{ float:none; width:auto; margin-bottom:12px; line-height:32px;}
.Footer .Link dd{ bottom:32px;}
.Copyright{ line-height:22px; text-align:center; font-size:12px; padding:10px 0; margin-top:12px;}
.Copyright dd{ float:none !important;}
.Footer .contact .iconfont{ font-size:22px;}
.Footer .contact dl dd{ font-size:12px;}

.FastRight{ width:40px; bottom:5%; right:0px;}
.FastRight li .ico{ height:40px;}
.FastRight li em{ display:none;}
.FastRight .ico .iconfont{margin:0;}
.FastRight .info{ right:40px;}
}
/*Bottom*/


/*首页 s*/
.activehover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.5);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -3px, 0);
	transform: translate3d(0, -3px, 0);}


/*第一屏 s*/
@-webkit-keyframes rightan
{
  from{bottom: 7%;opacity: 0;}
  to{bottom: 3%;opacity: 1;}
}
.downarr{ -webkit-animation: rightan 1s infinite;-webkit-animation-fill-mode: both;width:28px; height:64px; background:url(../images/home/scroll.png); background-size:contain; position:absolute; bottom:3%; left:50%; margin-left:-14px; z-index:999;}
.HomeBan {overflow:hidden; clear:both; position:relative;background:url(../images/loading.gif) center center no-repeat; margin-top:92px;}
.HomeBan .slides li{ position:relative;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.HomeBan .slides li a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;}
.HomeBan .slides li .txt{ position:absolute; width:84%; left:8%; top:30%;}
.HomeBan .slides li .txt img{ width:auto;margin:0px auto;}
.HomeBan .slides li .txt .p1{transform:translateY(-250px);-webkit-transform:translateY(-250px);opacity:0;transition:all 1s;}
.HomeBan .slides li .txt .p2{transform:translateY(-250px);-webkit-transform:translateY(-250px);opacity:0;transition:all 1s 0.3s;}
.HomeBan .slides li.flex-active-slide .txt .p1{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.HomeBan .slides li.flex-active-slide .txt .p2{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.HomeBan .flex-control-nav{bottom:15%; width:220px; left:10%; text-align:left; z-index:20; text-align:center;}
.HomeBan .flex-control-nav li{ margin:0; vertical-align:middle;}
.HomeBan .flex-control-nav li a{ cursor:pointer; opacity:1; width:40px; border-radius:0; height:20px; line-height:20px; background:url(../images/home/ban_dot.png) center center no-repeat; text-indent:0em; font-size:0;}
.HomeBan .flex-control-nav li a:hover{ background:url(../images/home/ban_dot.png) center center no-repeat;}
.HomeBan .flex-control-nav li a.flex-active{ color:#009cff; background:none; font-size:18px;}
.HomeBan .flex-direction-nav a { z-index:25; top:auto; bottom:15.4%; opacity: 1; width:11px; height:20px; text-indent:999em;}
.HomeBan .flex-direction-nav .flex-prev { opacity:1; left:10.5%; background:url(../images/home/ban_arr1.png);}
.HomeBan .flex-direction-nav .flex-next { opacity:1; left:20.5%; background:url(../images/home/ban_arr2.png);}
.HomeShare{ position:absolute; right:10%; bottom:6%; z-index:10;}
.HomeShare .bshare-custom #bshare-shareto{ padding:0 !important;height:18px; background:url(../images/home/share.png) 0px center no-repeat; padding-left:28px !important; color:#fff !important; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; font-weight:normal !important; margin:0;}

@media ( max-width:1024px){
.HomeBan {margin-top:0;}
#banner {margin-top:45px; height:auto !important;}
.HomeBan .slides li{ height:auto !important;}
.HomeBan .flex-direction-nav { display:none;}
.downarr{ width:15px; height:34px;}
.HomeBan .flex-control-nav{ left:50%; margin-left:-110px;}
.HomeShare{ display:none;}
}

/*第一屏 end*/
.HomeTit{}
.HomeTit h2{ line-height:49px; color:#333333; font-size:40px; font-weight:normal;}
.HomeTit h2 i{ display:inline-block; vertical-align:middle; margin-left:10px; width:66px; height:2px; background:#1587cf; font-size:0;}
.HomeTit .en{ line-height:34px; color:#999999; font-size:18px; text-transform:uppercase;}
.HomeTit .p{ margin-top:32px; height:115px; font-size:24px;}
.HomeTit .more{ text-align:center; color:#fff; display:block; width:148px; line-height:42px; font-size:14px; background:url(../images/home/morebg.jpg);}
.HomeTit .more i{ display:inline-block;transition: all ease 0.3s; margin-left:7px; vertical-align:middle; width:16px; height:8px; background:url(../images/home/arr1.png);}
.HomeTit .more:hover i{ margin-left:15px;}
.HomeTit.bai{ text-align:center;}
.HomeTit.bai i{ display:block; margin:0 auto 24px; background:#fff;}
.HomeTit.bai h2,.HomeTit.bai .p{ color:#fff;}
.HomeTit.bai .en{ color:#fff; opacity:0.6;}

.sec-2{ background:url(../images/home/sec2_bg.jpg) center bottom no-repeat; background-size:cover; overflow:hidden;}
.sec-2 .w1330{ padding-top:12%;}
.sec-2 .HomeTit{ width:35%; float:left; padding-top:5%;transform:translateY(-250px);-webkit-transform:translateY(-250px);opacity:0;transition:all 1s;}
.sec-2 .img{ width:60%; float:right;transform:translateY(250px);-webkit-transform:translateY(250px);opacity:0;transition:all 1s 0.3s;}

.sec-2.active .HomeTit{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-2.active .img{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}

@media ( max-width:1440px){
.sec-2 .w1330{ padding-top:180px;}
}
@media ( max-width:1366px){
.sec-2 .w1330{ padding-top:120px;}
.HomeTit h2{ line-height:30px; font-size:24px;}
.HomeTit .p{ font-size:18px;}
.HomeTit .en{ line-height:24px; font-size:16px;}
}
@media ( max-width:1024px){
.sec-2 .w1330{ padding-top:25px; padding-bottom:25px;}
.sec-2 .HomeTit{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-2 .img{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}

.HomeTit{}
.HomeTit h2{ line-height:28px;font-size:20px;}
.HomeTit h2 i{ width:40px;}
.HomeTit .en{ line-height:24px; color:#999999; font-size:14px;}
.HomeTit .p{ margin:15px 0; height:auto; font-size:16px;}
.HomeTit .more{ width:120px; line-height:35px;}
.HomeTit.bai i{margin:0 auto 15px;}
}
@media ( max-width:768px){
.sec-2 .HomeTit{ width:auto; float:none; text-align:center; padding:0 0 20px 0;}
.HomeTit .more{ margin:0px auto;}
.sec-2 .img{ width:auto; float:none;}
}
/*第二屏 end*/

.sec-3{ background: #1f51a4 url(../images/home/sec3_bg.jpg) center top no-repeat; background-size:cover; overflow:hidden;}
.sec-3 .HomeTit{transform:translateY(-250px);-webkit-transform:translateY(250px);opacity:0;transition:all 1s;}
.sec-3 .w1330{ padding-top:7%;}
.sec-3 .flexslider{ margin-top:3%;transform:translateY(250px);-webkit-transform:translateY(250px);opacity:0;transition:all 1s 0.3s;}
.sec-3 .box{ cursor:pointer; background-position:center center; background-repeat:no-repeat; background-size:cover; padding:0 20px; height:572px; color:#fff; text-align:center;transition: all ease 0.3s; position:relative;display:flex;justify-content:center;align-items:center;flex-direction: column;}
.sec-3 .ico{ width:83px; margin:0px auto; background:url(../images/home/icobg.png) center center no-repeat; background-size:contain; padding-top:24px; height:70px; position:relative; z-index:1;}
.sec-3 .ico img{width:47px !important; height:47px; margin:0px auto;}
.sec-3 .ti{ line-height:48px; font-size:24px;transition: all ease 0.3s; position:relative; z-index:1;}
.sec-3 .ti i{ display:block; margin:30px auto 0; width:20px; height:10px; border-top:2px solid #fff;}
.sec-3 .p{ line-height:25px; height:90px; opacity:0; margin-bottom:-90px; overflow-y:auto; position:relative; z-index:1;transition: all ease 0.3s;}
.sec-3 .more{ width:148px; line-height:42px; font-size:14px; display:none; margin:0px auto; background:#fff; color:#1587cf; font-size:14px; position:relative; z-index:1;}
.sec-3 .bg{ background:rgba(0,0,0,0.3); width:100%; height:100%; left:0; top:0; display:block; position:absolute;transition: all ease 0.3s;}
.sec-3 li:hover .box{ background-size:cover;}
.sec-3 li:hover .ico{margin:0px auto 23px;}
.sec-3 li:hover .p{ margin-bottom:14px; opacity:1;}
.sec-3 li:hover .more{ display:block;}
.sec-3 li:hover .bg{background:rgba(21,135,207,0.9);}
.sec-3 .flex-direction-nav a{ width:40px; height:52px; background-position:center center; background-repeat:no-repeat; background-size:contain; text-indent:999em;}
.sec-3 .flex-direction-nav a.flex-prev{ left:-70px; background-image:url(../images/arrleft.png);}
.sec-3 .flex-direction-nav a.flex-next{ right:-70px; background-image:url(../images/arrright.png);}
.sec-3 .flex-control-nav{ display:none; bottom:-10px;}
.sec-3.active .HomeTit{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-3.active .flexslider{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
@media ( max-width:1600px){
.sec-3 .box{height:450px;}
}
@media ( max-width:1440px){
.sec-3 .w1330{ padding-top:120px;}
}
@media ( max-width:1366px){
.sec-3 .box{height:360px;}
.sec-3 li:hover .ico{margin:0px auto 10px;}
.sec-3 .more{ width:100px; line-height:30px;}
}
@media ( max-width:1024px){
.sec-3 .w1330{ padding-top:25px; padding-bottom:25px;}
.sec-3 .HomeTit{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-3 .flexslider{transform:translateY(0);-webkit-transform:translateY(0);opacity:1; padding-bottom:30px;}
.sec-3 .p{opacity:1; margin-bottom:0; line-height:20px; height:auto; margin-bottom:5px;-webkit-line-clamp: 3;}
.sec-3 .box{height:350px; padding:0 12px;}
.sec-3 .ti{ line-height:30px; font-size:18px;}
.sec-3 .ti i{ margin:10px auto 0 !important;}
.sec-3 .more{display:block;}
.sec-3 .ico{ width:70px;padding-top:15px; height:64px; margin:0px auto !important;}
.sec-3 .flex-control-nav{ display:block;}
}
@media ( max-width:768px){
.sec-3 .box{height:280px;}
}

/*第三屏 end*/
.sec-4{ background:url(../images/home/sec4_bg.jpg) center bottom no-repeat; background-size:cover; overflow:hidden;}
.sec-4 .HomeTit{transform:translateY(-250px);-webkit-transform:translateY(250px);opacity:0;transition:all 1s;}
.sec-4 .w1330{ padding-top:9%;}
.sec-4 ul{ margin-top:2%;}
.sec-4 li{ width:20%; float:left; text-align:center;transform:translateY(250px);-webkit-transform:translateY(250px);opacity:0;}
.sec-4 .box{ line-height:24px; padding:30px 15px 0; height:265px; position:relative;transition: all ease 0.3s;}
.sec-4 .line{ font-size:0; width:1px; background:#1587cf; height:0; left:50%; bottom:0; position:absolute;transition: all ease 0.3s;}
.sec-4 .ico{ background:#fff; width:39%; padding-top:39%; position:relative; box-shadow:0 0 20px rgba(0,0,0,0.15); border-radius:50%; margin:0px auto;}
.sec-4 .p{ font-size:14px; height:48px;-webkit-line-clamp: 2; width:84%; margin:0px auto;}
.sec-4 .ti{ margin:18px 0 13px; font-size:20px; color:#333333;}
.sec-4 .i1,.sec-4 .i2{position: absolute; left:0px;top: 0px;}
.sec-4 .i1{ transition: 400ms;}
.sec-4 .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.sec-4 li:hover .ti{ color:#1587cf;}
.sec-4 li:hover .box{ background:#fff;}
.sec-4 li:hover .i2,.sec-4 li.on .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.sec-4 li:hover .i1,.sec-4 li.on .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}
.sec-4 li:hover .ico{ background:#1587cf;}
.sec-4 li:hover .line{ height:25px;}
.sec-4 li.li1{transition: all 1s 0.1s;}
.sec-4 li.li2{transition: all 1s 0.2s;}
.sec-4 li.li3{transition: all 1s 0.3s;}
.sec-4 li.li4{transition: all 1s 0.4s;}
.sec-4 li.li5{transition: all 1s 0.5s;}
.sec-4 li.li6{transition: all 1s 0.6s;}
.sec-4 li.li7{transition: all 1s 0.7s;}
.sec-4 li.li8{transition: all 1s 0.8s;}
.sec-4 li.li9{transition: all 1s 0.9s;}
.sec-4 li.li10{transition: all 1s 1s;}
.sec-4.active .HomeTit{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-4.active li{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}

@media ( max-width:1600px){
.sec-4 .box{padding-top:15px; height:220px;}
.sec-4 .ico{ width:30%; padding-top:30%;}
}
@media ( max-width:1440px){
.sec-4 .w1330{ padding-top:120px;}
}
@media ( max-width:1366px){
.sec-4 .box{height:180px;}
.sec-4 li:hover .line{ height:8px;}
}
@media ( max-width:1024px){
.sec-4 .w1330{ padding-top:25px; padding-bottom:20px;}
.sec-4 .HomeTit{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-4 li{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-4 .ti{ font-size:15px; margin:10px 0 8px;}
.sec-4 .line{ display:none;}
.sec-4 .p{ display:none;}
.sec-4 .box{ height:auto;}
.sec-4 li:nth-child(2n+1){ clear:both;}
.sec-4 .ico{ width:39%; padding-top:39%;}
}
@media ( max-width:768px){
.sec-4 li{ width:50%;}
}
/*第四屏 end*/

.sec-5{ background: url(../images/home/sec5_bg.jpg) center center no-repeat; background-size:cover; background-size:cover; overflow:hidden;}
.sec-5 .w1330{ padding-top:9%;}
.sec-5 .HomeTit {transform:tranlateY(250px);-webkit-transform:translateY(250px);opacity:0;transition: all 1s;}
.sec-5 .HomeTit .p{ height:80px;}
.sec-5 .num{ width:80%; margin:0px auto;transform:translateY(250px);-webkit-transform:translateY(250px);opacity:0;transition: all 1s 0.2s;}
.sec-5 .num li{ color:#fff; font-size:18px; width:25%; float:left; text-align:center;}
.sec-5 .num li span{ display:block; line-height:77px; font-size:24px;}
.sec-5 .num li span b{ font-size:60px;}
.sec-5 .num li .sj{ display:none;}
.sec-5 .content{ background:#fff; text-align:center; margin-top:3%;}
.sec-5 .content li{ position:relative; line-height:26px; padding:28px 1% 10px; width:23%; float:left;transform:translateY(250px);-webkit-transform:translateY(250px);opacity:0;transition: all ease 0.2s;}
.sec-5 .content .ico{ width:108px; height:108px; margin:0px auto;display: flex;align-items: center;justify-content: center; border-radius:50%; background-position:center center; background-repeat:no-repeat; background-size:contain;transition: all ease 0.3s;}
.sec-5 .content .ico img{ width:57px; height:57px;}
.sec-5 .content .ti{ font-size:24px; margin:20px 0 16px; color:#333333;}
.sec-5 .content .p{ font-size:14px; height:104px;-webkit-line-clamp: 4;}
.sec-5 .content .line{ left:50%; width:0%; font-size:0; height:2px; bottom:0; background:#1587cf;transition: all ease 0.3s; position:absolute;}
.sec-5 .content li.li1{transition: all 1s 0.1s;}
.sec-5 .content li.li1 .ico{ background-image:url(../images/home/sec5_icobg1.jpg);}
.sec-5 .content li.li2{transition: all 1s 0.2s;}
.sec-5 .content li.li2 .ico{ background-image:url(../images/home/sec5_icobg2.jpg);}
.sec-5 .content li.li3{transition: all 1s 0.3s;}
.sec-5 .content li.li3 .ico{ background-image:url(../images/home/sec5_icobg3.jpg);}
.sec-5 .content li.li4{transition: all 1s 0.4s;}
.sec-5 .content li.li4 .ico{ background-image:url(../images/home/sec5_icobg4.jpg);}
.sec-5 .content li:hover .line{ width:100%; left:0;}
.sec-5 .content li:hover .ico{-webkit-transform:rotate(360deg) scale(1.1); 
		-moz-transform:rotate(360deg) scale(1.1);
		-ms-transform:rotate(360deg) scale(1.1);
		-o-transform:rotate(360deg) scale(1.1);}
.sec-5.active .HomeTit{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-5.active .num{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-5.active .content li{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}

@media ( max-width:1600px){
.sec-5 .HomeTit .p{ height:40px;}
.sec-5 .num li span{line-height:50px;}
.sec-5 .num li span b{ font-size:40px;}
.sec-5 .content .ico{ width:90px; height:90px;}
.sec-5 .content .ico img{ width:47px; height:47px;}
.sec-5 .content .ti{ font-size:20px; margin:10px 0 10px;}
.sec-5 .content .p{ line-height:20px; height:88px;}
}
@media ( max-width:1440px){
.sec-5 .w1330{ padding-top:120px;}
}
@media ( max-width:1366px){
.sec-5 .content{margin-top:20px;}
.sec-5 .content .ico{ width:60px; height:60px;}
.sec-5 .content .ico img{ width:30px; height:30px;}
.sec-5 .content .ti{ font-size:18px; margin:10px 0 5px;}
.sec-5 .HomeTit.bai i{ margin:15px auto 5px;}
}
@media ( max-width:1024px){
.sec-5 .w1330{ padding-top:25px; padding-bottom:25px;}
.sec-5 .HomeTit{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-5 .num{transform:translateY(0);-webkit-transform:translateY(0);opacity:1; width:auto;}
.sec-5 .content li{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-5 .HomeTit .p{ height:auto;}
.sec-5 .num li{ font-size:12px; line-height:15px;}
.sec-5 .num li span{line-height:40px; font-size:20px;}
.sec-5 .num li span b{ font-size:17px;}
.sec-5 .content { padding-top:15px;}
.sec-5 .content li{ padding:0px 2% 15px; width:21%;}
.sec-5 .content .ti{ font-size:15px; margin:10px 0 5px;}
.sec-5 .content .p{ display:none;}
.sec-5 .num li .counter{ display:none;}
.sec-5 .num li .sj{ display:inline-block;}
.sec-5 .num li:nth-child(1){ width:28%;}
.sec-5 .num li:nth-child(2){ width:24%;}
.sec-5 .num li:nth-child(3){ width:24%;}
.sec-5 .num li:nth-child(4){ width:24%;}
}
@media ( max-width:768px){
.sec-5 .content li{ width:46%;}
}
/*第五屏 end*/

.none{ position:absolute; top:0; left:0; width:100%;visibility:hidden; opacity:0;}
.sec-6{ background:url(../images/home/sec6_bg.jpg) center top no-repeat; background-size:cover; overflow:hidden;}
.sec-6 .w1330{ padding-top:9%;}
.sec-6 .HomeTit {transform:translateY(250px);-webkit-transform:translateY(250px);opacity:0;transition: all 1s;}
.sec-6 .mapbox{transform:translateY(250px);-webkit-transform:translateY(250px);opacity:0;transition: all 1s 0.2s;}
.sec-6 .line{ position:absolute; left:0; top:0; width:100%; height:100%;}
.sec-6 .map{ width:841px; height:670px; position:relative;}
.sec-6 .bg{ position:absolute; display:none;}
.sec-6 .logo{ border-radius:33px; text-align:center; z-index:10; right:0; position:absolute; top:0%; width:28%;}
.sec-6 .logo dl{ border-radius:33px;background:#f1efef; padding:13px 8% 60px;}
.sec-6 .logo dt{ padding-bottom:30px; text-align:center; color:#333333; font-size:25px; line-height:45px;}
.sec-6 .logo dt span{ line-height:24px; display:block; font-size:16px;}
.sec-6 .logo dd{ height:290px; overflow:hidden;}
.sec-6 .logo dt span i{ display:block; margin:0px auto; width:104px; height:8px; border-top:4px solid #333333;}
.sec-6 .logo li{margin-bottom:19px;}
.sec-6 .logo .imgbox{ background:#fff; padding-top:80px; border:1px solid #a1a1a1; border-radius:16px;}
.sec-6 .logo .imgbox span{ background-size:contain; border-radius:16px;}
.sec-6 .logo .sPrev{ position:absolute; left:50%; margin-left:-30px; bottom:25px; width:25px; height:25px; background:url(../images/arrt.png);}
.sec-6 .logo .sNext{ position:absolute; left:50%; margin-left:30px; bottom:25px; width:25px; height:25px; background:url(../images/arrb.png);}
.sec-6 .logo.noarr .sPrev,.sec-6 .logo.noarr .sNext{ display:none;}
.sec-6 .logo.noarr dd{ height:auto;}
.sec-6 .logo.noarr dl{ padding-bottom:30px;}


.sec-6 .map li{ position: static;float: left;width: 18%;padding: 20px 0;text-align: center;margin-right: 2%;}
.sec-6 .ti{ font-size:20px; position:static; line-height:28px; text-align:left; width:100px; color:#333; cursor:pointer; z-index:5;}
.sec-6 .dot{ width:13px; height:13px; margin:0 3px; background:#fff; border-radius:50%; border:3px solid #f5a91f; position:static; right:5px; bottom:-15px;float: left;margin: 5px;}
.sec-6 li.on .ti{ color:#FFCC44;font-size: 22px;font-weight: bold;}
.sec-6 li.on .dot{ border:3px solid #ffcc44;background:#ffcc44 }
.sec-6 li.on .ti{ z-index:58;}
.sec-6 li.on .logo{ display:block;}
.sec-6 li.on .bg{ display:block;}
.sec-6 .img,.sec-6 .line{display: none}

.sec-6.active .HomeTit{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-6.active .num{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-6.active .mapbox{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;margin-top: 40px;}
@media ( max-width:1600px){
	.sec-6 .map{ zoom:.8; margin-top:-40px;}
	.sec-6 .logo{ top:0;}
	.sec-6 .w1330{ padding-top:6%;}
	}
	@media ( max-width:1366px){
	.sec-6 .map{ zoom:.6; margin-top:-40px;}
	.sec-6 .logo dt{ padding-bottom:20px; font-size:20px; line-height:35px;}
	.sec-6 .logo dt span{font-size:14px;}
	.sec-6 .logo li{margin-bottom:10px;}
	}

@media ( max-width:1024px){
.sec-6 .w1330{ padding-top:25px; padding-bottom:25px;}
.sec-6 .HomeTit{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-6 .num{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.sec-6 .mapbox{transform:translateY(0);-webkit-transform:translateY(0);opacity:1; margin:;}
.sec-6 .map{ zoom:.7;}
.sec-6 .logo dt{ padding-bottom:12px; font-size:18px; line-height:30px;}
.sec-6 .logo dt span{ font-size:14px;}
.sec-6 .logo dd{ height:185px;}
.sec-6 .logo li{margin-bottom:12px;}
.sec-6 .logo .imgbox{ padding-top:60px;}
}
@media ( max-width:768px){
.sec-6 .map{ float:none; margin:0px auto 35px; zoom:0.6;}
.sec-6 .logo{ position:relative; width:auto; top:auto; margin:0 30px;}
.sec-6 .logo .imgbox{ padding-top:50px;}
.sec-6 .logo.noarr dl{ padding-bottom:10px;}
}
@media ( max-width:580px){
.sec-6 .map{ zoom:0.39;}
}
/*第六屏 end*/

.sec-7{ background: #003186 url(../images/home/sec7_bg.jpg) center top no-repeat; background-size:cover; overflow:hidden;}
.sec-7 .w1330{ padding-top:9%;}
.sec-7 .flexslider{ overflow:hidden; margin-top:2%;}
.sec-7 .flex-viewport{margin-left:-35px;}
.sec-7 .box{ background:#fff; margin-left:35px; padding:15px; height:534px; position:relative;transition: all ease 0.3s;}
.sec-7 .imgbox{ padding-top:303px;}
.sec-7 .info{ line-height:25px; padding:23px 28px 0 67px; position:relative;}
.sec-7 .date{ position:absolute; font-size:12px; line-height:23px; text-align:right; width:66px; left:-15px; top:23px;}
.sec-7 .date i{ display:block; line-height:33px; font-size:24px; color:#333333; border-bottom:1px solid #1587cf;}
.sec-7 .tit{ padding:17px 0 10px; font-size:18px; color:#333333; font-weight:bold;}
.sec-7 .p{-webkit-line-clamp: 2; height:50px; margin-bottom:30px; font-size:14px;}
.sec-7 .more{ letter-spacing:0.1em; font-size:14px; text-decoration:underline;}
.sec-7 .next .imgbox{ position:absolute; bottom:15px; left:15px; width:94%;}
.sec-7 li:hover .tit{ color:#1587cf;}
.sec-7 .flex-control-nav,.sec-7 .flex-direction-nav{ display:none;}

@media ( max-width:1600px){
.sec-7 .imgbox{ padding-top:200px;}
.sec-7 .box{ height:400px;}
}
@media ( max-width:1440px){
.sec-7 .w1330{ padding-top:120px;}
}
@media ( max-width:1366px){
.sec-7 .box{ height:320px;}
.sec-7 .info{padding-top:0px;}
.sec-7 .p{height:36px; line-height:18px; margin-bottom:5px;}
.sec-7 .date{top:10px;}
}
@media ( max-width:1024px){
.sec-7 .w1330{ padding-top:25px; padding-bottom:15px;}
.sec-7 .p{ height:auto;}
.sec-7 .imgbox{ padding-top:50%;}
.sec-7 .next .imgbox{ position:relative; width:auto; left:0; top:0;}
.sec-7 .info{padding:15px 15px 0 67px;}
.sec-7 .tit{ font-size:16px; padding:10px 0 10px; font-size:16px;}
.sec-7 .flex-viewport{margin-left:-12px;}
.sec-7 .box{ margin-left:12px;}
.sec-7 .flex-control-nav{ display:block;}
}

/*第七屏 end*/

/*首页 end*/


/*栏目页公用样式 s*/
.graybg{ background:#f9f9f9;}
.graybg4{ background:#f6f6f6;}
.graybg5{ background:#fbfbfb;}
.SubPage{ height:auto !important;min-height:120px; height:120px;padding-top:3%;padding-bottom:4%;}
.SubBan{ overflow:hidden; position:relative;}
.SubBan .txt{ position:absolute; top:35%; left:0; text-align:center; width:100%; font-size:20px; color:#fff; line-height:50px;}
.SubBan .txt .cn{font-weight:bold; font-size:51px; letter-spacing:0.1em;}
.SubBan .txt .num{ padding-top:6.5%;}
.SubBan .txt .num li{ width:25%; float:left;}
.SubBan .txt .num li span{ display:block; font-size:50px;}
.SubBan .txt .scn{ font-size:32px; padding-top:18px; letter-spacing:0.05em;}
.SubBan .img img{width:100%;}

.SubMenu{ text-align:center; line-height:64px; font-size:30px; margin-bottom:5%;}
.SubMenu li{ display:inline-block;*display:inline;zoom:1; min-width:20%;}
.SubMenu a{ position:relative; display:inline-block; padding:0 15px;}
.SubMenu i{ position:absolute; left:50%; bottom:0px; height:3px; font-size:0; background:#2196f3;width:0%; z-index:0;transition: all ease 0.3s;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#3c9ef4;}
.SubMenu li:hover i,.SubMenu li.onli i{ width:100%; left:0;}

.SinglePage{word-wrap:break-word;word-break:normal;text-align:justify;}

.SubTit{ text-align:center; padding-bottom:4%;}
.SubTit h2{ text-align:center; font-weight:normal; display:inline-block;*display:inline; zoomn:1; line-height:38px; font-size:24px; color:#00a0e9;}
.SubTit h2 i{ display:block; height:14px; width:130px; height:4px; font-size:0; background:#358bcb; margin:7px auto 0; border-radius:4px;}
.SubTit .p{ max-width:520px; padding:0 15px; margin:0px auto; font-size:16px; line-height:32px; margin-top:21px;}
.SubTit h2 p{font-size:16px;color:#333;line-height:22px;}

.SubTit.bai h2,.SubTit.bai .p{color:#fff;}
.SubTit.bai h2 i{ background:#fff;}

.SubTit2 .cn{ line-height:59px; font-weight:normal; color:#333333; letter-spacing:0.05em; font-size:30px;}
.SubTit2 .cn i{ vertical-align:middle; display:inline-block; width:65px; height:2px; font-size:0; background:#1587cf; margin-left:13px;}
.SubTit2 .en{ line-height:22px; color:#999999; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}

@media ( max-width:1024px){
.SubPage{padding-top:25px;padding-bottom:28px;}
.SubBan .txt{top:30%;font-size:12px;line-height:25px;}
.SubBan .txt .cn{font-size:24px;}
.SubBan .txt .num li{ width:25%; float:left;}
.SubBan .txt .num li span{ display:block; font-size:20px;}
.SubBan .txt .scn{ font-size:20px;}

.SubMenu{line-height:45px; font-size:20px;}

.SubTit h2{line-height:24px; font-size:18px;}
.SubTit h2 i{ height:5px;height:2px; width:60px;}
.SubTit .p{font-size:14px !important; line-height:24px; margin-top:15px; padding:0;}

.SubTit2 .cn{ line-height:24px;font-size:20px;}
.SubTit2 .en{ font-size:14px;}
}
@media ( max-width:640px){
.SubBan .txt{top:20%;}
.SubBan .txt .cn{font-size:18px !important;}
.SubBan .txt .num { padding-top:4%; line-height:20px;}
.SubBan .txt .num li span{font-size:16px;}
.SubBan .txt .scn{ font-size:14px !important; line-height:20px !important; padding-top:0px !important;}

.SubMenu li{ width:32%;}
.SubMenu{line-height:35px; font-size:16px;}
}

/*栏目页公用样式 end*/


/*案例分享 s*/
.CaseList{ margin:0 0 0 -2.5%;}
.CaseList li{ width:22.5%; float:left; margin:0 0 3.5% 2.5%;}
.CaseList li .imgbox{ border:1px solid #a3a3a3; border-radius:17px; text-align:center;transition: all ease 0.3s;}
.CaseList li .imgbox img{ border-radius:17px;}
.CaseList li:nth-child(4n+1){ clear:both;}
.CaseList li:hover .imgbox{ border:1px solid #fff;}
.CaseList .more{ display:none}
@media ( max-width:640px){
.CaseList li{ width:47.5%;}
.CaseList li:nth-child(4n+1){ clear:none;}
.CaseList li:nth-child(2n+1){ clear:both;}
.CaseList li .imgbox{border-radius:10px;}
}

/*新闻动态 s*/
.NewsMenu{ position:absolute; left:0; top:83px; width:184px; text-align:center; background:#f9f9f9;}
.NewsMenu .tithead{ line-height:86px; color:#fff; font-size:24px; background:#2196f3;}
.NewsMenu li a{ display:block; line-height:66px; color:#666666; font-size:21px;}
.NewsMenu li a:hover,.NewsMenu li.onli a{ color:#2196f3; box-shadow:0 5px 8px #e0ecef;}
.NewsMenu.Fixed{ position:fixed; top:62px; left:50%; margin-left:-784px; z-index:100; margin-top:0;}
.topblank{ position:absolute; height:60px; position:absolute; left:0; z-index:100; width:100%; top:-60px;}
.NewsContent{ margin:0 184px; background:#fff; padding-left:4%;padding-right:4%;}

.NewsList{ margin:0 0 0 -5%; padding-bottom:12px;}
.NewsList li{ width:28.3333%; float:left; margin:0 0 5% 5%;transition: all ease 0.3s;}
.NewsList .imgbox{ padding-top:80%;}
.NewsList .date{ width:126px; text-align:center; color:#fff; bottom:0; left:0; background:#2196f3; font-size:14px; z-index:2;transition: all ease 0.3s; position:absolute;}
.NewsList .ti{ position:relative; padding:11px 5px; line-height:22px; color:#666666; background:#f9f9f9;}
.NewsList .ti .p{-webkit-line-clamp: 2; height:44px;}
.NewsList .ti .more{ width:100%; height:100%;display: flex;align-items: center;justify-content: center; font-size:21px; font-weight:bold; color:#fff; background:#2196f3; position:absolute; left:0; top:0; opacity:0;transition: all ease 0.3s;}
.NewsList li:hover .more{opacity:1;}
.NewsList li:hover .date{opacity:0;}

.TitleInfo{ text-align:center; margin-bottom:30px;}
.TitleInfo h3{ margin-bottom:18px; line-height:39px; font-size:30px;}
.TitleInfo h3 i{ display:block; margin:0px auto; width:35%; height:15px; border-bottom:2px solid #2196f3;}
.TitleInfo span{ display:inline-block; margin:0 25px;}

.PrevNextBox {margin:15px 0 0 0;position:relative; color:#888888;}
.PrevNextBox dl{ width:80%; line-height:42px; height:42px;overflow:hidden; position:relative;}
.PrevNextBox dl span{ padding:0 0 0 55px; position:relative; display:block;}
.PrevNextBox dl span em{ position:absolute; left:0px; top:0px; color:#333333;}
.PrevNextBox dl a{ margin:0px auto; display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%; color:#666;}
.PrevNextBox dl a:hover{ color:#2196f3;}
.PrevNextBox dl a.none{color:#999;}
.PrevNextBox a.back{ color:#666666; position:absolute; right:17px; top:30px; width:94px; line-height:32px; text-align:center; border:1px solid #2196f3; border-radius:8px;}
.PrevNextBox a.back .iconfont{ color:#2196f3; font-size:26px; margin-left:10px;}
.PrevNextBox a.back:hover { background:#2196f3; color:#fff;}
.PrevNextBox a.back:hover .iconfont{ color:#fff;}
.shares{ background:url(../images/linebg.gif) 0px bottom repeat-x; padding:4% 0 6px;}
.bshare-custom a{ font-size:19px !important; font-weight:normal;}

@media ( max-width:1568px){
.NewsMenu.Fixed{ left:50px; margin:0px;}
}
@media ( max-width:1024px){
.NewsMenu .tithead{ display:none;}
.NewsMenu{ position:static;text-align:center; width:auto;}
.NewsMenu li{ display:inline-block; width:31%;}
.NewsMenu li a{ line-height:44px; font-size:16px;}
.NewsContent{ margin:20px 0 0 0;}
.NewsMenu.Fixed{ width:100%; left:0; top:45px;}
.NewsList .ti .more{ font-size:16px;}

.TitleInfo h3{ margin-bottom:10px; line-height:24px; font-size:18px;}
.PrevNextBox {margin:0px; padding-top:8px; font-size:14px;}
.PrevNextBox dl{ width:auto; line-height:30px; height:30px; margin-bottom:0px;}
.PrevNextBox dl span{ padding-left:45px;}
.PrevNextBox a.back{ font-size:14px; top:-45px; display:none;}
.shares { height:3px; padding:0;}
.shares .share{ display:none;}
}
@media ( max-width:640px){
.NewsList li{ width:auto; float:none;}
.NewsList .imgbox{ padding-top:65%;}
}


/*服务支持 s*/
.serviceimg{ text-align:center; padding-top:20px;}
.servicebox{ position:relative; padding-top:6%; padding-bottom:6%; height:auto !important; height:350px; min-height:350px; background-position:center top; background-repeat:no-repeat; background-size:cover;}
.servicebox .SubTit h2,.servicebox .SubTit .p{color:#fff;}
.servicebox .SubTit i{ background:#fff;}
.servicecon{ text-align:center; padding:3.5% 0;}
.servicecon .item{ width:176px; padding:0 3.5%; display:inline-block;*display:inline;zoom:1; vertical-align:top;}
.servicecon .item .ti{ color:#333333; margin-bottom:4px; font-size:18px;}
.servicecon.nr2 .item{ width:280px;}
.servicebox2 .SubTit .p{ padding:0;}

.servicebox3{ text-align:center; padding:6% 0; background:#f2f2f2;}

.servicebox3 .SubTit h2{color:#666666; letter-spacing:0.25em;}
.servicebox3 .SubTit .p{font-size:20px;}
.servicebox3 .btn{ margin-top:20px;}
.servicebox3 .btn a{ color:#00a0e9; font-size:24px;}
.servicebox3 .btn a:hover{ text-decoration:underline;}

.SbForm{ max-width:817px; padding:5% 15px; margin:0px auto;}
.SbForm dl{ margin-bottom:15px;}
.SbForm dt{ line-height:54px; font-size:24px; color:#333333;}
.SbForm dd{ font-size:18px;}
.SbForm .input{ width:50%; text-indent:1em; height:49px; line-height:49px; background:#eaefee;}
.SbForm .input.auto{ width:100%;}
.SbForm .textarea{ padding:15px; background:#eaefee;}
.SbForm .textarea textarea{ width:100%; height:300px;}
.SbForm .btn{ padding-top:5%; text-align:right;}
.SbForm .sendbtn{ color:#fff; width:131px; height:54px; font-size:30px; background:#00a0e9; cursor:pointer;}
.SbForm .sendbtn:hover{background:#001d4f;}

@media ( max-width:1024px){
.servicebox{ height:150px; min-height:150px;}
.servicebox3 .btn{ margin-top:5px;}
.servicebox3 .btn a{ font-size:16px;}

.SbForm dt{ line-height:30px; font-size:18px;}
.SbForm dd{ font-size:15px;}
.SbForm .input{height:32px; line-height:32px;}
.SbForm.Textarea textarea{ height:200px;}
.SbForm .sendbtn{ font-size:20px;}
}
@media ( max-width:640px){
.servicecon .item .ti { font-size:16px;}
.servicecon .item{ width:auto; padding:0; display:block; box-shadow:0 0 1px #eee; padding:5px; margin-bottom:8px;}
.servicecon.nr2 ul{ margin-left:-2%;}
.servicecon.nr2 .item{ width:45%; float:left; margin-left:2%; height:160px; padding-top:10px;}
.SbForm .input{ width:100%;}
.SbForm.Textarea textarea{ height:120px;}
.SbForm .sendbtn{ height:40px;}
.SbForm dt{font-size:16px;}
.SbForm dd{ font-size:14px;}
.servicebox3{ padding:21% 0;}
}


/*外联平台 s*/
.Platform{ padding-top:4%; padding-bottom:4%;}
.PlatformHead{ text-align:center; padding-bottom:6%;}
.PlatformHead h2{ font-weight:normal; color:#00a0e9; font-size:24px; padding:31px 0 15px;}
.Platformtxt{ padding-bottom:7%;}
.Platformtxt .list1 { padding:0 7%;}
.Platformtxt .list1 li{transition: all ease 0.3s; width:19%; padding:39px 3% 30px; float:left; text-align:center;}
.Platformtxt .list1 .ico{ border-radius:50%; border:1px solid #cccccc; width:138px; height:138px;display: flex;align-items: center;justify-content: center; margin:0px auto 13px;transition: all ease 0.3s;}
.Platformtxt .list1 .tit{ line-height:49px; color:#333333; font-size:20px;}
.Platformtxt .list1 .p{ text-align:left; line-height:20px; height:80px; overflow-y:auto; color:#999999; font-size:14px;}
.Platformtxt .list1 .line{ width:36px; height:25px; margin:0px auto; border-bottom:4px solid #00a0e9;}
.Platformtxt .list1 li:hover .tit{ color:#00a0e9;}
.Platformtxt .list1 li:hover .ico{ border:1px solid #00a0e9;transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);}

.PlatformZj{ background:url(../images/Platbg.jpg) center top no-repeat; background-size:cover; padding:35px 0;}
.PlatformZj .SubTit2 .cn,.PlatformZj .SubTit2 .en{ color:#fff;}
.PlatformZj .SubTit2 .cn i{ background:#fff;}
.PlatformZj .PlatformHead,.PlatformZj .PlatformHead h2{ color:#fff;}
.PlatformZj .list{ padding:0 2%;}
.PlatformZj .list li{ float:left; cursor:pointer; width:16%; padding:0 2% 4%; text-align:center; font-size:20px; color:#fff;}
.PlatformZj .list .ico{ width:65%; padding-top:65%; border-radius:50%; border:2px solid #fff; margin:0px auto 18px; position:relative;}
.PlatformZj .list .i1,.PlatformZj .list .i2{position: absolute; left:0px;top: 0px;}
.PlatformZj .list .i1{ transition: 400ms;}
.PlatformZj .list .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.PlatformZj .list li:hover{ color:#2dafec; font-weight:bold;}
.PlatformZj .list li:hover .i2,.PlatformZj .list li.on .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.PlatformZj .list li:hover .i1,.PlatformZj .list li.on .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}
.PlatformZj .list li:hover .ico{ background:rgba(255,255,255,0.5); border:2px solid rgba(255,255,255,0.1)}

.PlatformCj{ padding:50px 0; background:#f7f7fa;}
.PlatformCj .list{ padding:0 5%;}
.PlatformCj .list ul{ margin-left:-6%;}
.PlatformCj .list li{ float:left; cursor:pointer; overflow:hidden; width:44%; margin:0 0 4% 6%; background:#fff; padding-top:29px; height:272px;transition: all ease 0.3s;}
.PlatformCj .list .ti{ line-height:87px; color:#175f9b; font-size:28px; text-align:center;transition: all ease 0.3s;}
.PlatformCj .list .p{ display:none; line-height:30px; height:160px; overflow-y:auto; margin-top:7px; color:#fff; margin:0 10%;}
.PlatformCj .list .ico{ width:156px; height:156px; border-radius:50%; background:#eaf6fd; margin:0px auto; position:relative;transition: all ease 0.3s;}
.PlatformCj .list .i1,.PlatformCj .list .i2{position: absolute; left:15px;top: 15px;transition: all ease 0.3s;}
.PlatformCj .list .i2{ display:none;}
.PlatformCj .list li:hover { background:#00a0e9; color:#fff;}
.PlatformCj .list li:hover .ico{ width:90px; height:90px; background:none;}
.PlatformCj .list li:hover .ti{ margin-top:10px; line-height:56px; font-size:24px; color:#fff;}
.PlatformCj .list li:hover .i1,.PlatformCj .list li:hover .i2{ left:0;top: 0;}
.PlatformCj .list .i1,.PlatformCj .list .i2{position: absolute; left:15px;top: 15px;}
.PlatformCj .list li:hover .i1{ display:none;}.PlatformCj .list li:hover .i2{ display:block;}
.PlatformCj .list li:hover .p{ display:block; color:#fff;}

@media ( max-width:1024px){
.PlatformHead h2{font-size:16px; padding:18px 0 0;}
.Platformtxt .list1 { padding:0; margin-bottom:-28px;}
.Platformtxt .list1 .ico{ width:110px; height:110px;}
.Platformtxt .list1 .tit{ line-height:32px; font-size:15px;}

.PlatformZj .list{ padding:0;}
.PlatformZj .list li{font-size:15px;}

.PlatformCj .list{ padding:0;}
.PlatformCj .list .ico{ width:110px; height:110px;}
.PlatformCj .list .i1,.PlatformCj .list .i2{left:10px;top: 10px; width:90px; height:90px;}
.PlatformCj .list .ti,.PlatformCj .list li:hover .ti{ line-height:45px; font-size:15px; margin:0;}
.PlatformCj .list .p{ display:block; color:#666;}
}
@media ( max-width:768px){
.PlatformHead{ font-size:14px;}

.Platformtxt .list1 li{ width:50%; padding:15px 0;}
.Platformtxt .list1 .p{ display:none;}
.Platformtxt .list1 .ico{ width:80px; height:80px; margin-bottom:0;}
.Platformtxt .list1 .ico img{ width:50px; height:43px;}
.Platformtxt .list1 .line { height:2px; border-bottom:2px solid #00a0e9;}

.PlatformZj .list li{ width:29.333%;}
.PlatformZj .list .ico{ width:60px; padding-top:60px; margin-bottom:5px;}

.PlatformCj{ padding:25px 0;}
.PlatformCj .list .ico,.PlatformCj .list li:hover .ico{ width:80px; height:80px;}
.PlatformCj .list .i1,.PlatformCj .list .i2{ left:15px !important; top:15px !important; width:50px; height:50px;}
.PlatformCj .list li{width: 36%;float:left;height:auto;padding:15px;margin: 2%;}
.PlatformCj .list li:nth-child(2n){float: right;}
.PlatformCj .list .p{ height:auto; margin:0;display: none}
.PlatformCj .list ul{margin-left:0}
}


/*解决方案-智慧医院 s*/
.Fabody .SubBan .txt{ text-align:left; width:100%; left:5%;}
.Fabody .SubBan .txt .cn{text-shadow:2px 2px 2px #333; margin-bottom:20px;}
.Fabody .SubTit .p{ max-width:none;}
.Fabody.fa2 .SubBan .txt{ width:31%;}

.Fatxt1_1{ position:relative; margin:40px 43px 0;}
.Fatxt1_1 .txt{ z-index:2; font-size:14px; position:absolute; left:0; line-height:23px;}
.Fatxt1_1 .txt2{ margin-top:5.5%;}

.Fatxt1_2{ padding:6% 0 ; color:#333; text-align:center; background:#f1f1f1; overflow:hidden;}
.Fatxt1_2 .list li{ cursor:pointer; width:14.6666%; padding:0 1%; float:left; font-size:14px; line-height:24px;}
.Fatxt1_2 .list li .ico{ display:block; width:45%; margin:0px auto 19px;}
.Fatxt1_2 .list li:hover .ico {
  -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
}

.Fatxt1_3{text-align:center; overflow:hidden;}
.Fatxt1_3 .box{ margin-top:4%;}
.Fatxt1_3 .imgleft{ width:412px; height:329px; background:url(../images/faimgleft1.jpg); background-size:contain; float:left; position:relative;}
.Fatxt1_3 .imgleft .bd{ padding:15px 0 0 13px; width:384px;}
.Fatxt1_3 .imgleft img{ width:384px; height:215px;}
.Fatxt1_3 .prev{ left:10px; top:99px;}
.Fatxt1_3 .next{ right:10px; top:99px;}
.Fatxt1_3 .btn{ display:block; width:40px; height:40px; line-height:40px; font-family:"宋体"; cursor:pointer; font-weight:bold; border-radius:50%; position:absolute; background:rgba(0,0,0,0.5); color:#fff; text-align:center; opacity:0;}
.Fatxt1_3 .imgleft:hover .btn{ opacity:1;}

.Fatxt1_3 .nav{ width:312px; margin-right:68px; float:right;}
.Fatxt1_3 .nav .ti{ text-align:center; line-height:62px; color:#00a0e9; font-size:30px;}
.Fatxt1_3 .nav ul{ position:relative; height:266px; margin-top:62px;}
.Fatxt1_3 .nav li{ color:#222222; cursor:pointer;line-height: 3; text-align:center;font-size: 20px;text-align: left;}
.Fatxt1_3 .nav li.on{ color:#358bcb;}
.Fatxt1_3 .nav li.l2{ font-size:19px; left:0; top:0; width:100%;}
.Fatxt1_3 .nav li.l3{ font-size:16px; left:17px; top:35px; width:121px;}
.Fatxt1_3 .nav li.l4{ font-size:24px; right:8px; top:35px; width:162px;}
.Fatxt1_3 .nav li.l5{ font-size:22px; left:31px; top:78px; width:107px;}
.Fatxt1_3 .nav li.l6{ font-size:16px; right:31px; top:78px; width:148px;}
.Fatxt1_3 .nav li.l7{ font-size:24px; right:0px; top:114px; width:275px;}
.Fatxt1_3 .nav li.l8{ font-size:18px; left:0px; top:153px; width:210px;}
.Fatxt1_3 .nav li.l1{ width:100%; top:-50px; font-size:30px;}

.Fatxt1_4{ padding:50px 0 80px; background:url(../images/fa_boxbg1.jpg) center bottom no-repeat; background-size:cover; overflow:hidden;}
.Fatxt1_4 .list{ margin:0 0 0 -20px;}
.Fatxt1_4 .list li{ width:25%; float:left; text-align:center;}
.Fatxt1_4 .list .box{ cursor:pointer; overflow:hidden; color:#fff; background:#131f34; border-radius:10px; margin:0 0 0 20px; padding:0 16px; height:469px;transition: all ease 0.3s;}
.Fatxt1_4 .list .ico{ padding-top:89px;transition: all ease 0.3s; margin:0px auto 45px; width:129px;}
.Fatxt1_4 .list .ico span{ height:129px; border:2px solid #fff; border-radius:50%;display: flex;align-items: center;justify-content: center;transition: all ease 0.3s;}
.Fatxt1_4 .list .ti{ font-size:20px; line-height:34px;transition: all ease 0.3s;}
.Fatxt1_4 .list .p{ line-height:26px; height:185px; overflow-y:auto; text-align:left; display:none;}
.Fatxt1_4 .list li:hover .box{ background:#00a0e9;}
.Fatxt1_4 .list li:hover .ico{ padding-top:30px; margin-bottom:3px; width:99px;}
.Fatxt1_4 .list li:hover .ico span{ border:0; height:99px;}
.Fatxt1_4 .list li:hover .ti{ font-size:18px; line-height:30px; height:111px;}
.Fatxt1_4 .list li:hover .p{ display:block;}

@media ( max-width:1440px){
.Fabody .SubBan .txt{  width:80%;}
.Fabody .SubBan .txt .cn{ font-size:42px;}
.Fabody .SubBan .txt .scn { font-size:26px;}
}

@media ( max-width:1024px){
.Fabody .SubBan .txt{ width:90% !important; left:5% !important;}
.Fabody .SubBan .txt .cn{ margin-bottom:8px !important;}
.Fatxt1_1{ margin:20px 0px 0;}
.Fatxt1_1 .txt2{ display:none;}
.Fatxt1_1 img{height:auto}

.Fatxt1_3 .nav{margin:0 auto; float:none;}
.Fatxt1_3 .nav ul{ height:210px;}

.Fatxt1_3 .imgleft{ margin:0px auto; float:none;}
.Fatxt1_3 .btn{ opacity:1;}

.Fatxt1_4 .list li .ico{ padding-top:30px; margin-bottom:3px; width:99px;}
.Fatxt1_4 .list li .ico span{ border:0; height:99px;}
.Fatxt1_4 .list li .ti{ font-size:18px; line-height:30px; height:60px;}
.Fatxt1_4 .list li .p{ display:block;}
}
@media ( max-width:768px){
.Fatxt1_1 .txt{ position:static;}
.Fatxt1_2 .list li{ width:31.3333%; padding-bottom:15px;}
.Fatxt1_2 .list li:nth-child(3n+1){ clear:both;}
.Fatxt1_2 .list li .ico{ margin-bottom:0;}
.Fatxt1_2{ padding:25px 0 25px;}
.Fatxt1_3{ padding:25px 0 0;}
.Fatxt1_4{ padding:25px 0 18px;}
.Fatxt1_4 .list li{ width:50%; float:left; margin-bottom:15px;}
.Fatxt1_4 .list .box{ height:auto; padding-bottom:16px;}
.Fatxt1_4 .list li .ico{ padding-top:10px !important;}
.Fatxt1_4 .list .p{ line-height:24px; height:auto; font-size:14px;}
.Fatxt1_4 .list li .ti{ font-size:16px !important; height:auto !important; margin-bottom:10px;}
.Fatxt1_4 .list li .p{display: none;}
}
@media ( max-width:640px){
.Fatxt1_3 .nav ul{ height:170px;}
.Fatxt1_3 .nav ul{margin-top: 0;height: auto;}
.Fatxt1_3 .nav ul li{line-height: 2;font-size: 16px;display: none;text-align: center;}
.Fatxt1_3 .nav ul li.on{display: block;}
.Fatxt1_3 .nav li.l1{ font-size:17px; top:-36px;}
.Fatxt1_3 .nav li.l2{ font-size:15px;}
.Fatxt1_3 .nav li.l3{ font-size:20px;}
.Fatxt1_3 .nav li.l4{ font-size:18px;}
.Fatxt1_3 .nav li.l5{ font-size:15px; left:18px;}
.Fatxt1_3 .nav li.l6{ font-size:19px; width:178px;}
.Fatxt1_3 .nav li.l7{ font-size:16px; width:114px;}
.Fatxt1_3 .nav li.l8{ top:120px; width:193px;}
}
@media ( max-width:480px){
.Fatxt1_3 .imgleft{ width:340px; height:271px;}
.Fatxt1_3 .imgleft .bd{ padding:12px 0 0 11px; width:317px;}
.Fatxt1_3 .imgleft img{ width:317px; height:178px;}
.Fatxt1_3 .prev{ left:5px; top:80px;}
.Fatxt1_3 .next{ right:5px; top:80px;}
.Fatxt1_3 .btn{width:30px; height:30px; line-height:30px;}
}

/*解决方案-集团医院 s*/
.Fatxt2_1 .list{ margin-left:-8%;}
.Fatxt2_1 .list li{ width:40%; float:left; padding-left:10%; line-height:24px;}
.Fatxt2_1 .list .box{ padding-left:78px; height:212px; position:relative;}
.Fatxt2_1 .list .ico{ position:absolute; left:0; top:0;}
.Fatxt2_1 .list li:hover .ico{
  -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;}
.Fatxt2_1 .list .ti{ padding-top:9px; font-size:20px; color:#00a0e9; margin-bottom:35px;}
.Fatxt2_1 .list .ti i{ display:block; width:35px; height:13px; border-bottom:3px solid #999999;}

.Fatxt2_2 { background:#f3f3f3;}
.Fatxt2_2 .SubTit .p{ font-size:16px; max-width:940px; line-height:25px;}

.Fatxt2_3 { background:url(../images/fa_boxbg2.jpg) center top no-repeat; background-size:cover;}
.Fatxt2_3 .flex-viewport{ margin-left:-14px;}
.Fatxt2_3 .box{ cursor:pointer;margin-left:14px; background:#131f34; border-radius:10px; background-position:center center; background-repeat:no-repeat; background-size:cover; padding:0 20px; height:480px; color:#fff; text-align:center;transition: all ease 0.3s; position:relative}
.Fatxt2_3 .ico{ padding-top:104px; width:70%; margin:0px auto 37px;transition: all ease 0.3s; position:relative; z-index:1;}
.Fatxt2_3 .ti{ line-height:36px; font-size:20px;transition: all ease 0.3s; position:relative; z-index:1;}
.Fatxt2_3 .p{ line-height:26px; display:none; text-align:left; height:130px; overflow-y:auto; position:relative; z-index:1;}
.Fatxt2_3 .bg{ background:rgba(0,0,0,0.5); width:100%; height:100%; left:0; top:0; display:block; position:absolute;}
.Fatxt2_3 li:hover .box{ background:#00a0e9; background-size:cover;}
.Fatxt2_3 li:hover .ico{ padding-top:25px; margin:0px auto 23px;}
.Fatxt2_3 li:hover .ti{ height:69px; line-height:27px;}
.Fatxt2_3 li:hover .p{ display:block;}
.Fatxt2_3 li:hover .bg{background:rgba(0,160,233,0.7);}
.Fatxt2_3 .flex-direction-nav a{ width:40px; height:52px; background-position:center center; background-repeat:no-repeat; background-size:contain; text-indent:999em;}
.Fatxt2_3 .flex-direction-nav a.flex-prev{ left:-70px; background-image:url(../images/arrleft.png);}
.Fatxt2_3 .flex-direction-nav a.flex-next{ right:-70px; background-image:url(../images/arrright.png);}
.Fatxt2_3 .flex-control-nav{ display:none;}

.Fatxt2_3.yycj .ico{ padding-top:104px !important;}
.Fatxt2_3.yycj li:hover .box{}

.Fatxt2_3.gnyy {background:url(../images/proboxbg1.jpg) center top no-repeat; background-size:cover;}
.Fatxt2_3.gnyy .flex-viewport{ margin-left:13px;}
.Fatxt2_3.gnyy .box{ margin-left:13;display:flex;justify-content:center;align-items:center;flex-direction: column; border-radius:0; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.Fatxt2_3.gnyy .p{ display:block; height:auto; margin:0 20px 0; line-height:24px; text-align:center;}
.Fatxt2_3.gnyy .bg{ background:rgba(0,0,0,0.16);}
.Fatxt2_3.gnyy .ti{ height:auto !important; line-height:28px; margin-bottom:25px;}

@media ( max-width:1440px){
.Fatxt2_3 .flex-direction-nav a{ width:30px; height:39px;}
.Fatxt2_3 .flex-direction-nav a.flex-prev{ left:-38px;}
.Fatxt2_3 .flex-direction-nav a.flex-next{ right:-38px;}
}

@media ( max-width:1024px){
.Fatxt2_1 .list .box{ height:150px;}
.Fatxt2_1 .list .ti{ padding-top:0px; font-size:18px; margin-bottom:15px;}
.Fatxt2_3 li .ico{ padding-top:25px !important; margin:0px auto 23px;}
.Fatxt2_3 li .ti{ height:69px; line-height:27px;}
.Fatxt2_3 li .p{ display:block;}
.Fatxt2_3 .flexslider{ padding-bottom:30px;}
.Fatxt2_3 .flex-direction-nav { display:none;}
.Fatxt2_3 .flex-control-nav{ display:block; bottom:-20px;}
.Fatxt2_3 .ti{ line-height:28px; font-size:16px;}
.Fatxt2_3 .box{ height:350px;background-size:cover;}
.Fatxt2_3 .p{ line-height:24px; font-size:14px;}
.Fatxt2_3.gnyy .p{margin:0;}
}
@media ( max-width:768px){
.Fatxt2_1 .list { margin:0;}
.Fatxt2_1 .list li{ width:50%; float:left; border-bottom:1px solid #eee; margin-bottom:13px; padding-left:0;}
.Fatxt2_1 .list .box{ height:auto; margin-bottom:15px; padding-left:60px;}
.Fatxt2_1 .list .ti{font-size:16px; margin-bottom:10px;}
.Fatxt2_1 .list .box p{display: none}
.Fatxt2_1 .list li:last-child{ margin-bottom:0;}
.Fatxt2_1 .list .ico{ width:45px;}
.Fatxt2_3 .ico{ width:50%; margin-bottom:10px !important;}
.Fatxt2_3 .p{ line-height:24px; height:120px;}
.Fatxt2_3 .box{ height:300px;background-size:cover;}
.Fatxt2_1 .list p{display: none}
}

/*解决方案-智慧城市 s*/
.Fatxt3_1 .SubTit .p{ font-size:16px; line-height:25px; color:#446781;}

.Fatxt3_2 { background:url(../images/fa_boxbg3.jpg) center top no-repeat; background-size:cover;}
.Fatxt3_2 .SubTit .p{ font-size:16px; line-height:25px; color:#fff;}
.Fatxt3_2 .content{ height:453px; position:relative; text-align:center; font-size:20px;}
.Fatxt3_2 .content .center{ padding-top:64px; width:35%; margin:0px auto;}
.Fatxt3_2 .content li{ z-index:99; color:#fff; position:absolute; width:25%; border-bottom:1px solid #fff; height:221px;}
.Fatxt3_2 .content li.l1{ left:5%; top:0;}
.Fatxt3_2 .content li.l2{ right:5%; top:0;}
.Fatxt3_2 .content li.l3{ left:5%; top:256px; border-bottom:0;}
.Fatxt3_2 .content li.l4{ right:5%; top:256px; border-bottom:0;}
.Fatxt3_2 .content .ico{ width:136px; height:136px; margin:0px auto 21px; background:url(../images/yuanbg.png) center center no-repeat; background-size:contain; position:relative;}
.Fatxt3_2 .content .dot{transition: all ease 0.9s; position:absolute; left:-8px; bottom:-8px; width:150px; height:150px;background:url(../images/dot.png) center center no-repeat; background-size:contain;}
.Fatxt3_2 .content li:hover .dot{
-webkit-transform:rotate(-280deg); 
-moz-transform:rotate(-280deg);
-ms-transform:rotate(-280deg);
-o-transform:rotate(-280deg);
}

.Fatxt3_3 .list{ margin:0 0 0 -28px;}
.Fatxt3_3 .list li{ width:33.333%; float:left; text-align:center;}
.Fatxt3_3 .box{ cursor:pointer; overflow:hidden;border:1px solid #acdef7; border-radius:10px; margin:0 0 28px 28px; padding:0 16px; height:383px;transition: all ease 0.3s;}
.Fatxt3_3 .ico{ padding-top:85px;transition: all ease 0.3s; margin:0px auto 42px; width:162px;}
.Fatxt3_3 .ico span{ display:block; position:relative; height:135px;}
.Fatxt3_3 .ti{ font-size:28px; line-height:34px;transition: all ease 0.3s;}
.Fatxt3_3 .p{ height:84px; overflow-y:auto; color:#666; display:none;}
.Fatxt3_3 .i1,.Fatxt3_3 .list .i2{position: absolute; left:0px;top: 0px;}
.Fatxt3_3 .i1{ transition: 400ms;}
.Fatxt3_3 .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.Fatxt3_3 .list li:hover .ico{ padding-top:28px; margin-bottom:23px;}
.Fatxt3_3 .list li:hover .i2,.Fatxt3_3 .list li:hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.Fatxt3_3 .list li:hover .i1,.Fatxt3_3 .list li:hover.i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}
.Fatxt3_3 .list li:hover .ti{ font-size:20px; line-height:24px; height:55px; color:#fff;}
.Fatxt3_3 .list li:hover .p{ display:block; color:#fff}
.Fatxt3_3 .list li:hover .box{ background:#00a0e9;}
.Fatxt3_3 .flexslider,.Fatxt3_3 .flex-direction-nav{ display:none;}


.graybg3 { background:#eef3f6;}

.Fatbtn { text-align:center; padding-top:3%;}
.Fatbtn a{ line-height:90px; border-radius:10px; display:inline-block; color:#fff; padding:0 20px; font-size:24px; background:#0098e1; border:1px solid #7ecef4;}
.Fatbtn a img{ display:inline-block; vertical-align:middle; margin-left:13px;}
.Fatbtn a i{ color:#fff100;}
.Fatbtn a:hover{ background:#001d4f;}

@media ( max-width:1024px){
.Fatxt3_2 .content .ico{ width:100px; height:100px;}
.Fatxt3_2 .content .dot{left:-5px; bottom:-5px; width:112px; height:112px}
.Fatxt3_2 .content{font-size:16px;}

.Fatxt3_3 .list{ margin:0 0 0 -12px;}
.Fatxt3_3 .box{ margin:0 0 12px 12px;}
.Fatxt3_3 .ico{ padding-top:28px; margin-bottom:23px;}
.Fatxt3_3 .list li:hover .i2,.Fatxt3_3 .list li:hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.Fatxt3_3 .list li:hover .i1,.Fatxt3_3 .list li:hover .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}
.Fatxt3_3 .ti{ font-size:20px; line-height:24px; height:55px;}
.Fatxt3_3 .p{ display:block;}
.Fatbtn a{ line-height:45px; font-size:18px;}.Fatbtn a img{ width:20px;}
}

@media ( max-width:640px){
.Fatxt3_2 .content .ico{ width:60px; height:60px;}
.Fatxt3_2 .content .dot{left:-3px; bottom:-3px; width:70px; height:70px}
.Fatxt3_2 .content{font-size:14px; line-height:24px; height:350px;}
.Fatxt3_2 .content li{height:160px;width: 30%;line-height: 1.25;}
.Fatxt3_2 .content li.l3,.Fatxt3_2 .content li.l4{top:180px;}

.Fatxt3_3 .list{ display:none;}
.Fatxt3_3 .ico{width:80px; padding-top:10px !important;}
.Fatxt3_3 .ico span{ height:66px;}
.Fatxt3_3 .ti{ font-size:16px !important;}
.Fatxt3_3 .box{ height:160px; text-align:center; margin:0;}
.Fatxt3_3 .flexslider{ display:block;}
.Fatxt3_3 .p{ display:none;}
}
@media ( max-width:480px){
.Fatbtn a{ line-height:38px; font-size:16px;}
}

/*解决方案-智慧城市 s*/
.Fatxt4_1 { text-align:center;}
.Fatxt4_1 li{ display:inline-block;*display:inline;zoom:1; margin-right:5%;}
.Fatxt4_1 li img{ display:inline-block; vertical-align:middle; margin-right:19px;}
.Fatxt4_1 li:last-child{ margin-right:0;}

.Fatxt4_2 { text-align:center; margin:0 0 0 -3%;}
.Fatxt4_2 li{ width:17%; margin:0 0 0 3%; float:left;}
.Fatxt4_2 .ico{ border-radius:10px 10px 0 0; padding-top:11px; height:63px; background:#2196f3;}
.Fatxt4_2 .box{ background:#f2f2f2; border:1px solid #bcbec0; border-top:0; border-bottom:1px solid #d8e7f2;border-radius:0 0 10px 10px; height:236px;}
.Fatxt4_2 .num{ height:40px; line-height:28px; font-size:34px; color:#fff; background:url(../images/numbg1.jpg) center top no-repeat; margin-bottom:14px;}
.Fatxt4_2 .p{ text-align:left; color:#333333; height:140px; overflow-y:auto; margin:0 11px;}
.Fatxt4_2 li:hover .ico img{
  -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
}
.Fatxt4_2 li:nth-child(even) .ico{ background:#0a6cb8;}
.Fatxt4_2 li:nth-child(even) .num{background:url(../images/numbg2.jpg) center top no-repeat;}

.Fatxt4_3{}
.Fatxt4_3 .SubTit{ text-align:left;padding-bottom:30px;}
.Fatxt4_3 .SubTit1{text-align:center;}
.Fatxt4_3 .SubTit h2{ color:#222222;}
.Fatxt4_3 .txt{padding:1%;}
.Fatxt4_3 .txt h3{ font-weight:normal; font-size:22px; color:#00a0e9; margin-bottom:5px;}
.Fatxt4_3 .item0 .txt{ text-align:center;}
.Fatxt4_3 .item0 .pc{ font-size:0; text-align:center;}
.Fatxt4_3 .item0 .pc dl{ line-height:31px; width:12.5%; display:inline-block;*display:inline;zoom:1; vertical-align:bottom; margin-bottom:22px;}
.Fatxt4_3 .item0 .pc dt{ margin-bottom:15px; color:#333333; font-size:19px;}
.Fatxt4_3 .item0 .pc dd{font-size:18px;}
.Fatxt4_3 .item0 .sj{ display:none;}

.Fatxt4_3 .item{max-width:965px; margin:35px auto 0;}
.Fatxt4_3 .item .txt{ text-align:left; width:42%; float:left; height:350px;display:flex;justify-content:center;flex-direction: column;}
.Fatxt4_3 .item .img{width:45%; float:right; text-align:center;}
.Fatxt4_3 .item:nth-child(even) .txt{ float:right;}
.Fatxt4_3 .item:nth-child(even) .img{ float:left;}

@media ( max-width:1024px){
.Fatxt4_2 .num{ font-size:18px;}
.Fatxt4_2 .ico { height:40px;}
.Fatxt4_2 .ico img{ width:32px;}

.Fatxt4_3 .item0 .pc{ display:none;}
.Fatxt4_3 .item0 .sj{ display:block;}
.Fatxt4_3 .item .txt{height:250px;}
}
@media ( max-width:768px){
.Fatxt4_1 li{ display:block; text-align:left; margin-bottom:5px;float:left;width:44%;margin-left:1%;}
.Fatxt4_3 .item .txt{margin-left:2%;}
.Fatxt4_2 .num{ font-size:18px;}
.Fatxt4_2 .ico { height:40px;}
.Fatxt4_2 .ico img{ width:32px;}
.Fatxt4_2 li{ width:auto; float:none; margin-bottom:12px;}
.Fatxt4_2 .box{ height:auto; padding-bottom:15px;}
.Fatxt4_2 .p{ height:auto;}

.Fatxt4_3 .txt h3{ font-size:18px; margin-bottom:0;}
.Fatxt4_3 .item0 .pc{ display:none;}
.Fatxt4_3 .item0 .sj{ display:block;}
.Fatxt4_3 .item{ margin-top:15px;}
.Fatxt4_3 .item .txt{height:auto; float:none !important; width:auto !important;}
.Fatxt4_3 .item .img{float:none !important; width:50% !important; margin:0px auto;}
}


/*关于我们 s*/
.Abouttxt1_1{ color:#333333; padding-bottom:5%;}
.Abouttxt1_1 .info{ width:47%; float:left;word-wrap:break-word;word-break:normal;text-align:justify;}
.Abouttxt1_1 .name{ line-height:36px; margin-bottom:5%; font-size:36px;}
.Abouttxt1_1 .img{ width:46%; float:right; text-align:center;}

.History{ height:581px; background:url(../images/map.gif) center 86px no-repeat; position:relative;}
.History .flexslider{ z-index:2;}
.History .slides li{ position:relative; height:581px;}
.History .slides .box{ cursor:pointer; width:195px; position:absolute; left:0; padding-bottom:80px;}
.History .slides li.li1 .box{ bottom:2px;}
.History .slides li.li2 .box{ bottom:35px;}
.History .slides li.li3 .box{ bottom:88px;}
.History .slides li.li4 .box{ bottom:161px;}
.History .slides li.li5 .box{ bottom:269px;}
.History .slides .dot{ background:url(../images/dot2.png); width:18px; height:18px; position:absolute; left:50%; bottom:0; margin-left:-9px;}
.History .slides .year{ font-size:20px; padding-bottom:7px;font-weight:bold;}
.History .slides .item{ margin-top:15px; line-height:22px;}
.History .slides .item dt{ color:#407bbe;}
.History .line{ position:absolute; background:url(../images/lsline.png); height:359px; left:0; bottom:0; width:100%;}
.History .plane{position:absolute; z-index:10;}
.History .flex-direction-nav{ display:none;}
.History .flex-control-nav{ bottom:-38px;}

.Abouttxt2_1{ color:#333333;word-wrap:break-word;word-break:normal;text-align:justify;}
.Abouttxt2_nav{ text-align:center; margin:5% 0 5% -15px; overflow:hidden;}
.Abouttxt2_nav ul{display: flex;display: -webkit-flex;flex-flow:row;width:100%}
.Abouttxt2_nav li{flex: 1;}
.Abouttxt2_nav  li a{ cursor:pointer;display: flex;align-items: center;justify-content: center; border:1px solid #54c3f1; border-radius:6px; color:#00a0e9; font-size:28px; height:65px; box-shadow:0 0 10px #e4f4fd; margin-left:15px;}
.Abouttxt2_nav  li:hover a{ color:#fff; background:url(../images/navbg.gif) center top repeat-x;}

.Abouttxt2_txt .flex-viewport{ margin:0 0 0 -16px;}
.Abouttxt2_txt .slides li{ padding:20px 0;}
.Abouttxt2_txt .box{ overflow:hidden; cursor:pointer; margin-left:16px; position:relative;}
.Abouttxt2_txt .info{ background:rgba(0,160,233,0.3); position:absolute; left:0; top:0; width:90%; padding:0 5%; height:100%; color:#fff; font-size:30px;display: flex;align-items: center;justify-content: center;transition: all ease 0.3s; z-index:2;}
.Abouttxt2_txt li .img{transition: all ease 0.3s;}
.Abouttxt2_txt li .img img{ width:100%;}
.Abouttxt2_txt li:hover .img{
-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);}
.Abouttxt2_txt .flex-control-nav{ display:none; bottom:-18px;}
.Abouttxt2_txt .flex-direction-nav{ display:none;}

.Hornor{}
.Hornor li{ width:20%; float:left; text-align:center;}
.Hornor .box{ padding:40px 20px 0 20px; border:2px solid #dcdcdc; margin:-2px 0 0 -2px;}
.Hornor .img{ height:125px;display: flex;align-items: center;justify-content: center;}
.Hornor .img span{ display:inline-block; /*border:1px solid #004a78;*/}
.Hornor .img img{ max-height:125px; display:block; margin:0px auto;}
.Hornor .ti{ line-height:22px; height:48px; overflow:hidden; height:66px; margin-top:20px;}
.Hornor .more .box{ height:211px; background:url(../images/more.jpg) center center no-repeat; background-size:contain;}
.Hornor .img img{-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Hornor li:hover .img img {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}

.Culture .item{ margin-bottom:6.5%;}
.Culture .item:last-child { margin-bottom:0;}
.Culture .info { text-align:center; width:46%; font-size:24px; padding:0 2%; float:left; height:440px;display:flex;justify-content:center;align-items:center;flex-direction: column;}
.Culture .info h2{ font-weight:normal; margin-bottom:33px; font-size:36px;}
.Culture .info h2 i{ display:block; margin:0px auto; width:60px; height:15px; border-bottom:5px solid #006de8;}
.Culture .img { width:50%; float:right; text-align:center;}
.Culture .item:nth-child(even) .info{ float:right;}

.Lxtit{ line-height:72px; font-size:24px; color:#00a0e9;}
.Map{ width:55%; float:left;}
.Contact{ width:34%; float:right; height:auto !important; height:600px; min-height:600px; position:relative;}
.Contact .item{ padding-top:33px;}
.Contact .item dd{ padding:0 0 10px 45px; position:relative; line-height:44px; font-size:16px;}
.Contact .item .ico{ color:#fff; position:absolute; left:0; top:0; width:37px; text-align:center; line-height:37px; height:37px; background:#00a0e9; border-radius:50%;}
.Contact .ewm{ position:absolute; width:269px; left:10px; text-align:center; bottom:0;}
.Contact .ewm img{ display:block; margin:0px auto 16px; width:174px; height:174px;}

#dituContent{ height:550px;}

@media ( max-width:1024px){
.Abouttxt1_1 .name{ line-height:24px; font-size:18px;}
.History { height:250px; padding-bottom:15px; background-position:center top;}
.History .flexslider{ padding-bottom:0px;}
.History .line{ height:10px; bottom:25px; background:none; border-bottom:1px dashed #ddd;}
.History .slides .box{ padding-bottom:25px; bottom:0px !important; width:100%; margin:0 20px;}
.History .plane{ display:none;}
.History .slides li{height:250px;}

.Abouttxt2_nav li a{ font-size:16px; line-height:20px;}
.Abouttxt2_txt .info{ font-size:18px;}
.Abouttxt2_txt .flex-control-nav{ display:block; width:100%;}

.Hornor li{ width:25%;}
.Hornor .box{ padding:20px 10px 0 10px;}

.Culture .info { height:350px; font-size:18px;}
.Culture .info h2{ margin-bottom:15px; font-size:24px;}

.Lxtit{ line-height:45px; font-size:18px;}
.Map{ width:auto; float:none;}
#dituContent{ height:400px; margin-bottom:25px;}
.Contact{ width:auto; float:none; height:100px; min-height:100px;}
.Contact .item{ padding-top:15px;}
.Contact .item dd{line-height:37px; font-size:16px;}
.Contact .ewm{ position:static; margin:0px auto;}
}
@media ( max-width:768px){
.Abouttxt2_nav{ margin-left:-5px; margin-bottom:0;}
.Abouttxt2_nav  li a{ margin-left:5px;}
.Abouttxt2_nav li a{ font-size:14px;}

.Abouttxt1_1 .info{ width:auto; float:none;}
.Abouttxt1_1 .img{ width:auto; float:none; margin-top:15px;}

.Hornor li{ width:50%;}
.Culture .info { width:auto; float:none !important; height:auto; padding:8px 0 15px; font-size:16px;}
.Culture .info h2{font-size:20px;}
.Culture .img { width:auto; float:none;}
#dituContent{ height:200px;}
.History{ background-size:contain;}

}

/*产品中心 s*/
.Imgleft{ width:55%; float:left; padding:15px 0 4% 0; text-align:center;}
.Imgleft.i2{ float:right; width:48%;}
.Imgleft.i3{ width:51%;}
.Inforight{  padding:15px 0 4% 0;width:36%; float:right;
display:flex;justify-content:center;flex-direction: column; height:auto !important; height:373px; min-height:373px;}
.Inforight .ti{ color:#333; line-height:33px; font-size:18px;}
.Inforight .ti i{ width:8px; height:16px; display:inline-block; vertical-align:middle; margin-right:11px; background:#2196f3; border-radius:2px;}
.Inforight.i2{ float:left; width:49%;}
.Inforight.i3{ width:43%;}
.graybg2{ background:#f8f8f8;}

.Pro1_txt1{ margin:0 0 0 -3%;}
.Pro1_txt1 li{ width:47%; float:left; margin:0 0 3% 3%;transition: all ease 0.3s;}
.Pro1_txt1 .box{ background:#fff; box-shadow:0 0 13px rgba(20,83,141,0.09); padding:23px 16px;}
.Pro1_txt1 .ti{ line-height:34px; margin-bottom:14px; font-size:18px;}
.Pro1_txt1 .ti img{ display:inline-block; vertical-align:middle; margin-right:16px;}
.Pro1_txt1 .p{ height:72px; line-height:24px;display: none}
.Pro1_txt1 .img{ text-align:center; margin-top:8px;}
.Pro1_txt1 li:nth-child(odd){ clear:both;}
.Pro1_txt1 li:nth-child(5),.Pro1_txt1 li:nth-child(6){ margin-bottom:0;}
.Pro1_txt1 li:hover .ti img{
-webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;}
  
.Pro2_txt1{ margin-top:-1%; color:#666;}
.Pro2_txt2{ background:#fafafa;}
.Pro2_txt2 ul{ margin-left:-15px;}
.Pro2_txt2 li{ width:33.333%; float:left; text-align:center; font-size:18px;}
.Pro2_txt2 .box{ margin:0 0 15px 15px;display:flex;justify-content:center;align-items:center; background:#fff;flex-direction: column; height:225px; background:#fff; font-size:18px; cursor:pointer;transition: all ease 0.3s;}
.Pro2_txt2 .ico{ width:92px; padding-top:86px; margin:0px auto 14px; position:relative;}
.Pro2_txt2 .ti{ font-weight:bold; font-size:18px; color:#333333;}
.Pro2_txt2 .p{ font-size:16px; width:80%; margin:0px auto;}
.Pro2_txt2 .i1,.Pro2_txt2 .i2{position: absolute; left:0px;top: 0px;}
.Pro2_txt2 .i1{ transition: 400ms;}
.Pro2_txt2 .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.Pro2_txt2 li:hover .box{ background:#00a7ea; color:#fff;}
.Pro2_txt2 li:hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.Pro2_txt2 li:hover .i1{ opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}
.Pro2_txt2 li:hover .ti{ color:#fff;}
.Pro2_txt2.p2{ background:none; margin-bottom:5%;}
.Pro2_txt2.p3{}
.Pro2_txt2.p3 ul{ margin-left:-8px;}
.Pro2_txt2.p3 .box{ margin:0 0 8px 8px; height:265px;}
.Pro2_txt2.p3 li{ width:25%;}
.Pro2_txt2.p3 .p{ text-align:left; width:71%;}

.Pro2_txt2.p4{ background:none; margin-bottom:5%;}
.Pro2_txt2.p4 .ti{ font-weight:normal;}

.Pro3_txt1{ background:#f7f7f7; color:#333333;}
.gnlist .item{ margin-bottom:4%;}
.gnlist .item .info{ width:38%; float:left; height:auto !important; height:320px; min-height:320px;display:flex;justify-content:center;flex-direction: column;}
.gnlist .item .info .ti{ color:#333; line-height:45px; font-size:18px;}
.gnlist .item .info .ti i{ display:inline-block; vertical-align:middle; width:8px; height:16px; background:#2196f3; border-radius:2px; margin-right:10px;}
.gnlist .item .info .tag{ font-size:14px;}
.gnlist .item .info .tag i{ display:inline-block; padding:0 11px; line-height:24px; color:#fff; border-radius:5px; background:#54c3f1; margin:10px 19px 0 0;}
.gnlist .item .info .tag i a{ color:#fff;}
.gnlist .item .info .tag i:hover{ background:#1b9bd0;}
.gnlist  item .info .tag i:last-child{ margin-right:0;}
.gnlist .item .img{ width:50%; float:right;}
.gnlist .item.next .img{ float:left;}
.gnlist .item.next .info{ float:right;}
.gnlist .item:last-child{ margin-bottom:0;}

.Pro3_txt2 .list li{ width:31.333%; padding:0 1%; text-align:center; float:left;}
.Pro3_txt2 .list li .ico{ width:104px; height:104px;display: flex;align-items: center;justify-content: center; background:#00afec; border-radius:50%; margin:0px auto 17px;transition: all ease 0.3s;}
.Pro3_txt2 .list li .box{ max-width:240px; margin:0px auto;}
.Pro3_txt2 .list li .p{ height:125px;}
.Pro3_txt2 .list li:hover .ico{ background:#001d4f;}
.Pro3_txt2 .list li:hover .ico img{
  -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;}
  
.Pro4_txt { padding-bottom:8%;}
.Pro4_txt li{ width:33.333%; float:left;}
.Pro4_txt .box{ width:215px;position:relative;}
.Pro4_txt li .info{ padding:11px 16px 0; line-height:24px; height:188px; border-radius:0 0 11px 11px; background:#f2f2f1;}
.Pro4_txt li .arr{ width:38px; height:16px; background:url(../images/arr3.gif); position:absolute; bottom:-16px; left:50%; margin-left:-19px;}
.Pro4_txt .ico{ text-align:center; padding-top:18px; height:66px; border-radius:4px 4px 0 0;}
.Pro4_txt .ti{ text-align:center; line-height:49px; font-size:24px; color:#333;}
.Pro4_txt li.li1 .ico{ background:#2bb9c3; border-bottom:1px solid #b7dfe3;}
.Pro4_txt li.li2 .ico{ background:#5396d0; border-bottom:1px solid #bfd4e6;}
.Pro4_txt li.li2 .box{ margin:0px auto;}
.Pro4_txt li.li3 .ico{ background:#29b7e3; border-bottom:1px solid #afdeec;}
.Pro4_txt li.li3 .box{ float:right;}

.Pro4_txt2 { margin:0 0 4.5% -20px;}
.Pro4_txt2 li{ width:50%; float:left;}
.Pro4_txt2 .box{ background:#f2f2f1; border-radius:0 0 5px 5px; margin:0 0 20px 20px;}
.Pro4_txt2 .top{ color:#fff; background:#2196f3; padding:11px 25px 7px; border-radius:5px 5px 0 0;}
.Pro4_txt2 .top .ti{ line-height:33px; font-size:18px;}
.Pro4_txt2 .top .ti i{ width:8px; height:16px; display:inline-block; vertical-align:middle; margin-right:11px; background:#fff; border-radius:2px;}
.Pro4_txt2 li:nth-child(odd){ clear:both;}
.Pro4_txt2 .img{ text-align:center; padding:40px 14px 24px;}

.Pro6_txt1{ margin:0 0 0 -14px;}
.Pro6_txt1 li{ width:33.333%; float:left; text-align:center;}
.Pro6_txt1 .box{ background:#fff; border-radius:5px; margin:0 0 14px 14px;transition: all ease 0.3s;}
.Pro6_txt1 .top{ border-radius:5px 5px 0 0; padding:15px 0; background:#2196f3; color:#fff; font-size:14px;}
.Pro6_txt1 .top span{ display:block; font-size:18px;}
.Pro6_txt1 .img{ padding:19px 19px 33px;}

.Pro7_txt1 ul{ margin-left:-16px;}
.Pro7_txt1 li{ width:33.333%; float:left;margin-bottom: 2%;}
.Pro7_txt1 .box{ text-align:center;transition: all ease 0.3s; background:#f6f6f6; line-height:25px; font-size:14px; padding:39px 12px 0; margin:0 0 0 16px; height:227px;}
.Pro7_txt1 .tit{ margin:12px 0 29px; font-size:16px; color:#333;}
.Pro7_txt1 .p{ margin:0px auto; max-width:198px;}
.Pro7_txt1 li:hover .ico img{
-webkit-animation: icon-bounce 0.5s alternate;
-moz-animation: icon-bounce 0.5s alternate;
-o-animation: icon-bounce 0.5s alternate;
animation: icon-bounce 0.5s alternate;}

.Pro8_txt1{ background:#445f8a;}


.Pro10_txt1{ margin:0 0 0 -13px;}
.Pro10_txt1 li{ width:25%; float:left;}
.Pro10_txt1 .box{transition: all ease 0.3s; margin:0 0 13px 13px; background:#fff; border-radius:5px; text-align:center; padding:0 17px; height:300px;}
.Pro10_txt1 .ti{ font-weight:bold;color:#333;}
.Pro10_txt1 .img{ padding-top:23px; height:168px;display: flex;align-items: center;justify-content: center;}
.Pro10_txt1 .img img{ display:block; margin:0px auto; max-height:168px;}

@media ( max-width:1024px){
.Pro2_txt1{ margin-top:0;}
.Pro2_txt2 .box{ height:120px;}
.Pro2_txt2 .ico{ width:60px; padding-top:63px; margin-bottom:0px;}
.Pro2_txt2 .box{ font-size:16px;}
.sjtip{ display:none;}
}
@media ( max-width:768px){
.Imgleft{ width:auto !important; float:none !important; padding-bottom:0;}
.Inforight{ width:auto !important; float:none !important;height:35px; min-height:35px; display:block;}
.Inforight .ti{ font-size:16px;}
.Pro1_txt1 .box{ padding:15px;}
.Pro1_txt1 li{ width:auto; float:none;}
.Pro1_txt1 .ti{ font-size:16px; margin-bottom:12px;}
.Pro1_txt1 .img{ display:none;}
.Pro1_txt1 li:nth-child(5), .Pro1_txt1 li:nth-child(6){ margin-bottom:3%;}

.Pro2_txt2 .ico{ width:45px; padding-top:47px;}
.Pro2_txt2 .box{ font-size:15px;}
.Pro2_txt2 .ti{ font-size:16px;}
.Pro2_txt2 .p{ font-size:14px; line-height:22px;}
.gnlist .item{ margin-bottom:25px;}
.gnlist .item .info{ width:auto; float:none !important;height:50px; min-height:50px;}
.gnlist .item .img{ width:auto; float:none !important; margin-top:10px; text-align:center;}
.gnlist .item .info .tag i{ margin:5px 5px 0;}
.gnlist .item .info .ti{ line-height:30px; font-size:16px;}
.Pro3_txt2 .list li{ width:48%; padding-bottom:20px;}
.Pro3_txt2 .list li:nth-child(odd){ clear:both;}
.Pro3_txt2 .list li .ico{ width:65px; height:65px;}
.Pro3_txt2 .list li .ico img{ width:40px;}
.Pro3_txt2 .list li .p{ height:auto;}

.Pro4_txt .box{ width:auto; margin:0px 10px !important; float:none !important;}
.Pro4_txt .ti{line-height:30px; font-size:18px;}
.Pro4_txt2 li{ width:auto; float:none;}
.Pro4_txt2 .img{padding:15px; display:none;}
.Pro4_txt2 .top .ti{ font-size:16px;}

.Pro6_txt1 .top span{font-size:16px;}
.Pro6_txt1 .img{ display:none;}

.Pro7_txt1 li{ width:auto; float:none; margin-bottom:12px;}
.Pro7_txt1 .box{line-height:24px; padding:12px;height:auto;}
.Pro7_txt1 .ico img{ width:45px;}
.Pro7_txt1 .tit{ margin:5px 0;}
.Pro7_txt1 .p{ max-width:none;}

.Pro10_txt1 .img{ padding-top:10px; height:100px;}
.Pro10_txt1 .box{padding:0 12px; height:250px;}
}
@media ( max-width:580px){
.Pro2_txt2 li{ width:50% !important;}
.Pro2_txt2.p3 .box{ height:180px;}
.Pro2_txt2.p3 .p{ width:90%;}

.Pro4_txt li{ width:auto; float:none; margin-bottom:10px;}
.Pro4_txt li .info{ height:auto; padding-bottom:12px;}
.Pro4_txt .ico{ padding-top:8px; height:45px;}.Pro4_txt .ico img{ width:35px;}

.Pro6_txt1 li{ width:auto; float:none;}

.Pro10_txt1 li{ width:50%;}
.Pro10_txt1 .box{height:220px;}
}


/*
.TextList002208 为demo编号 */
.TextList002208 { padding-bottom:3%; margin-bottom:12px;}
.TextList002208 .thead{line-height:50px; text-align:center; background:#00a0e9;}
.TextList002208 .thead span{ float:left; width:17%; color:#fff; display:block; font-size:16px; height:50px; text-align:center; font-weight:bold; position:relative;}
.TextList002208 .thead span+span{ border-left: solid 1px #eae8e8;}
.TextList002208 .thead span i{display:block; position:absolute; right:10px; top:50%; width:9px; height:5px; margin-top:-2px;}
.TextList002208 .dl{}
.TextList002208 .dl+.dl{ border-top:1px solid #fff;}
.TextList002208 .dl .dt{line-height:50px; text-align:center; cursor:pointer; background:#f4f4f4;}
.TextList002208 .dl .dt span{ position:relative;float:left; width:17%;  display:block; font-size:16px;}
.TextList002208 .dl .dt span.jobname{ text-align:left; padding-left:3%; width:27% !important;}
.TextList002208 .dl .dt .btn{ text-decoration:underline; display:block; position:relative;}
.TextList002208 .dl .dt .btn:hover{ text-decoration:none; color:#00a0e9;}
.TextList002208 .dl .dt i{ position:absolute;  right:15px; background:url(../images/TextList002208-icon.png) no-repeat -44px -82px ; display:block; width:21px; height:11px; top:50%; margin-top:-5px;}
.TextList002208 .conbox{ color:#666; background:#fff; padding:3%; display:none;}
.TextList002208 .conbox .h5{color:#333; margin-bottom:10px; font-size:16px;}
.TextList002208 .conbox p{line-height: 28px;margin: 15px 0; font-size: 16px; color:#999;}
.TextList002208 .jobname{ width:30% !important;}
.TextList002208 .dl.active .dt span,.TextList002208 .dl.active .btn{ color:#00a0e9;}
.TextList002208 .dl.active .dt i{ background-position:-44px -70px;}
@media(max-width:1000px){
	.TextList002208 .dl .dt .btn{ padding-right:20px;}
	.TextList002208 .dl .dt .btn i{ background-position:-48px -82px; width:13px;}
	.TextList002208 .dl.active .dt .btn i{background-position:-48px -70px; }
}
@media(max-width:640px){
	.TextList002208 .jobyq,.TextList002208 .dl .dt .btn i,.TextList002208 .time,.TextList002208 .thead span i{ display:none !important;}
	.TextList002208 .thead span,.TextList002208 .dl .dt span{ width:23%;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; }
}

.Form001518{}
.Form001518 dl dt{ padding:3% 0; color:#00a0e9; font-size:16px; }
.Form001518 dd li{ float:left;width:32%; margin-right:2%;margin-bottom:5px; position:relative;}
.Form001518 dd li:nth-child(3n){ margin-right:0;}
.Form001518 dd .text{border: 1px solid #dadada;line-height: 46px;height: 46px; width:99%; background:#fff; text-indent:1em;}
.Form001518 dd li label{ position:absolute; left:5px; top:0; line-height:46px; }
.Form001518 dd li .form_err{position:absolute; right:5px; top:50%; color:#f00; line-height:20px; margin-top: -10px;}
.Form001518 dd textarea.text{height:220px;}
.Form001518 .btn{ margin: 2% 0; cursor: pointer;border-radius: 5px;background: #00a0e9;color: #fff; height: 37px;border: none; font-size:18px; width:40%; max-width:200px;}
@media(max-width:768px){
.Form001518 dd li{ float:none; width:auto; margin-right:0 !important;}
.Form001518 dd textarea.text{height:120px;}
}
@media(max-width:480px){
.Form001518 .title{ font-size:24px;}
}

.hosbg{background-repeat:no-repeat;background-position:center center;background-size:cover;padding:20px 0 0;}
.hosbg .txt h3{color:#fff!important;}
.hosbg  .txt{color:#fff!important;}

/*联系我们*/
.ny_ytxq .tab{ width:100%; height:609px; margin:36px auto 0; /*! background:url(../images/mapbg.png) right top no-repeat; */ position:relative; }
.ny_ytxq .tab .hd{float: right;width: 40%;}
.ny_ytxq .tab .hd li{ /*! position:absolute; */background: #66C6F2;width: 48%;text-align: center;height: 40px;line-height: 40px;margin-bottom: 10px;float: left;}
.ny_ytxq .tab .hd li .txt{ /*! width:55px; */ cursor:pointer; font-size:16px; /*! background:url(../images/dpoint.png) left center no-repeat; */ /*! padding-left:22px; */ /*! position:absolute; */}
.ny_ytxq .tab .hd li .pic{ position:relative; z-index:0; display: none;}
.ny_ytxq .tab .hd li.on{background: #00a0e9}
.ny_ytxq .tab .hd li.on .txt{ font-weight:bold; color:#fff; }
.ny_ytxq .tab .hd li .pic .imgon{ display:none; }
.ny_ytxq .tab .hd li:hover .pic .img{ display:none; }
.ny_ytxq .tab .hd li:hover .pic .imgon{ display:block; }
.ny_ytxq .tab .hd li:hover .txt{ font-weight:bold; color:#fff; }
.ny_ytxq .tab .hd li.d1{ left:430px; top:340px; }
.ny_ytxq .tab .hd li.d1 .txt{ left:42px; top:25px; }
.ny_ytxq .tab .hd li.d2{ left:437px; top:386px; }
.ny_ytxq .tab .hd li.d2 .txt{ left:40px; top:13px; }
.ny_ytxq .tab .hd li.d3{ left:447px; top:452px; }
.ny_ytxq .tab .hd li.d3 .txt{ left:46px; top:10px; }
.ny_ytxq .tab .hd li.d4{ left:552px; top:364px; }
.ny_ytxq .tab .hd li.d4 .txt{ left:9px; top:9px; }
.ny_ytxq .tab .hd li.d5{ left:509px; top:222px; }
.ny_ytxq .tab .hd li.d5 .txt{ left:7px; top:-5px; }
.ny_ytxq .tab .hd li:nth-child(2n){float: right;}
.ny_ytxq .tab .hd li.d6{ left:379px; top:440px; }
.ny_ytxq .tab .hd li.d6 .txt{ left:42px; top:10px; }

.ny_ytxq .tab .hd li.d7{ top: 138px;left: 567px; }
.ny_ytxq .tab .hd li.d7 .txt{ top: 28px;left: 42px }

.ny_ytxq .tab .hd li.d8{ top: 36px;left: 551px; }
.ny_ytxq .tab .hd li.d8 .txt{ top: 70px;left: 70px }

.ny_ytxq .tab .hd li.d9{ left:447px; top:506px; }
.ny_ytxq .tab .hd li.d9 .txt{ left:-2px; top:-5px; }

.ny_ytxq .tab .bd{width: 55%;}
.ny_ytxq .tab .bd .box{display:none;}
.ny_ytxq .tab .bd .box .tit{ width:120px; height:103px; background:url(../images/redcircle.png) no-repeat; color:#fff; font-weight:bold; font-size:32px; line-height:40px; text-align:center; padding-top:17px; position:relative; z-index:5; margin:0 auto; box-shadow:3px 3px 10px #00a0e9; border-radius:60px;}
.ny_ytxq .tab .bd .box .cont{background:url(../images/pinkshaw_03.png);width: 88%;height:455px;color:#fff;margin-top:-60px;z-index:0;position:relative;padding: 65px 20px 0;}
.ny_ytxq .tab .bd .cont dt{ font-weight:bold; font-size:18px; margin:12px 0 8px; }
.ny_ytxq .tab .bd .cont dd{ font-size:16px; line-height:30px; }